DZH1002475759
DZH1002475759

Jquery给easyui的表单元素赋值，获取值总结

1.Input

  a. validatebox

  定义：

   "text" name="APPLYDEPTNAME" id="APPLYDEPTNAME" style="width: 99%"
                      maxlength="50" class="easyui-validatebox" data-options="required:true" />

  赋值：

$("#APPLYDEPTNAME").val('1212'),

  取值：

$("#APPLYDEPTNAME").val()

 b.ComboBox

定义：

 "5">
                    城市:
                    "city" style="width: 80px" class="easyui-combobox" data-options=" valueField: 'CityAreaCode', textField: 'CityAreaName', url: '../../Ajax/InforService.ashx?Method=GetCity',  
                          
                         onSelect: function(rec){  
                         var url = '../../Ajax/InforService.ashx?Method=GetArea&CityAreaCode='+rec.CityAreaCode;  
  
                         $('#area').combobox('reload', url);
                         $('#area').combobox('setValues', '');

                          }" />
                    区县:
                    "area" class="easyui-combobox" data-options="valueField:'CityAreaCode',textField:'CityAreaName'" />
                    街道:
                    "text" value="" οnchange="doValue(this.value)" style="width: 45%" name="SC001_APPLYDEPTADDRESS"
                        maxlength="23" class="easyui-validatebox" id="SC001_APPLYDEPTADDRESS" data-options="required:true" />

  取值：

 $("#city2").combobox("getValues")
 $("#city").combobox("getValues") + "," + $("#area").combobox("getValues") + "," + $("#SC001_APPLYDEPTADDRESS").val(),

  赋值：

 $('#city').combobox('setValue', ‘北京’);

回显：
//公司地址
var str4 = result.APPLYDEPTADDRESS;
if (str4 != null) {
var strs4 = new Array();
strs4 = str4.split(",");
$('#city').combobox('setValue', strs4[0]);
var url = '../../Ajax/InforService.ashx?Method=GetArea&CityAreaCode=' + strs4[0];
$('#area').combobox('reload', url);
$('#area').combobox('setValue', strs4[1]);
$("#APPLYDEPTADDRESS").val(strs4[2]);
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
还有这种写法：   class = "easyui-combobox" id= "maxAge" name= "maxAge" style= "width:100px" data-options="valueField: 'value' ,textField: 'lable' ,data:[{
                             lable: '不限' ,
                             value: '-1' ,
                             selected: true
                             },
                             {
                             lable: '1' ,
                             value: '1'
                             },
                             {
                             lable: '10' ,
                             value: '10'
                             },
                             {
                             lable: '20' ,
                             value: '20'
                             },
                             {
                             lable: '30' ,
                             value: '30'
                             },
                             {
                             lable: '40' ,
                             value: '40'
                             },
                             {
                             lable: '50' ,
                             value: '50'
                             },
                             {
                             lable: '60' ,
                             value: '60'
                             },
                             {
                             lable: '70' ,
                             value: '70'
                             },
                             {
                             lable: '80' ,
                             value: '80'
                             },
                             {
                             lable: '90' ,
                             value: '90'
                             },
                              {
                             lable: '100' ,
                             value: '100'
                             }
                             ,
                              {
                             lable: '200' ,
                             value: '200'
                             }
                              ,
                              {
                             lable: '300' ,
                             value: '300'
                             }
                             ]"/>

　　

 

c.NumberBox

定义：

"text" class="easyui-numberbox" maxlength="20" name="nn" id="nn" />

赋值：

$('#nn').numberbox('setValue', 206.12);

取值：

var v = $('#nn').numberbox('getValue');



d.DateBox

 

定义：

 "text" name="nn" id="nn" class="easyui-datebox"
                        data-options="formatter:myDate.InitDateBox.formatter,parser:myDate.InitDateBox. parser" />

赋值：

 $("#SC001_CERTIFICATEVALID").datebox('setValue', '2014-9-12');

取值：

 $('#nn').datebox('getValue'),

e.NumberSpinner 

定义：
"ss" class="easyui-numberspinner" style="width:80px;"  
        required="required" data-options="min:10,max:100,editable:false">  
赋值：
$('#ss').numberspinner('setValue', 8234725);  
取值：
var v = $('#ss').numberspinner('getValue');

f.menubutton

定义：

 "javascript:void(0)" id="mb" name="mb" disabled="true" class="easyui-menubutton"   
              data-options="menu:'#mm',iconCls:'icon-edit' ">确认  
              
"mm" name="mm"style="width:150px;">  
              
"iconCls:'icon-undo'" οnclick="initTool.Check('确认通过')">确认通过
  
              
"iconCls:'icon-redo'" οnclick="initTool.Check('确认不通过')">确认不通过

 

另附单选按钮Radio

定义

 "30" colspan="5">
                    "radio" name="APPLYDEPTTYPE" value="事业法人" checked="checked" />事业法人
                    "radio" name="APPLYDEPTTYPE" value="企业法人" />企业法人
                    "radio" name="APPLYDEPTTYPE" value="社团法人" />社团法人
                    "radio" name="APPLYDEPTTYPE" value="其他" />其他

赋值：

 var str = result.APPLYDEPTTYPE;
 $("[value='" + str + "']").attr("checked", true);

取值：

$('input[name="APPLYDEPTTYPE"]:checked').val()

另附多选框checkbox

定义：


 
 "60" colspan="5">
                            &nbsp
                    "checkbox" name="BUSINESSSCOPE" value="水" />水    &nbsp
                       &nbsp
                    "checkbox" name="BUSINESSSCOPE" value="空气" />空气    &nbsp
                       &nbsp
                    "checkbox" name="BUSINESSSCOPE" value="土壤" />土壤

                            &nbsp
                    "checkbox" name="BUSINESSSCOPE" value="噪声" />
                    噪声         &nbsp
                    "checkbox" name="BUSINESSSCOPE" value="生物" />生物

 

赋值：


 
  var str3 = result.BUSINESSSCOPE;
                    if (str3 != null) {
                        var strs = new Array();

                        strs = str3.split(",");
                        for (i = 0; i < strs.length; i++)
                        { $("[value='" + strs[i] + "']").attr("checked", true) };
                    }

取值：


 
 var isc = "";
                $("input[name='BUSINESSSCOPE']:checked").each(function () { //遍历table里的全部checkbox
                    isc += $(this).val() + ","; //获取被选中的值
                });

                if (isc.length > 0) //如果获取到
                    isc = isc.substring(0, isc.length - 1); //把最后一个逗号去掉
string isc就是值

 

2.TextArea

  定义：

1