首页 > 代码库 > Jquery给easyui的表单元素赋值,获取值总结

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

1.Input

  a. validatebox

  定义:

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

  赋值:

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

  取值:

$("#APPLYDEPTNAME").val()

 b.ComboBox

定义:

 <td colspan="5">                    城市:                    <input id="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, ‘‘);                          }" />                    区县:                    <input id="area" class="easyui-combobox" data-options="valueField:‘CityAreaCode‘,textField:‘CityAreaName‘" />                    街道:                    <input type="text" value=http://www.mamicode.com/"" onchange="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]);
}

c.NumberBox

定义:

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

赋值:

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

取值:

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


d.DateBox

 

定义:

 <input type="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 

定义:
<input id="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);  

另附单选按钮Radio

定义

 <td height="30" colspan="5">                    <input type="radio" name="APPLYDEPTTYPE" value=http://www.mamicode.com/"事业法人" checked="checked" />事业法人                    <input type="radio" name="APPLYDEPTTYPE" value=http://www.mamicode.com/"企业法人" />企业法人                    <input type="radio" name="APPLYDEPTTYPE" value=http://www.mamicode.com/"社团法人" />社团法人                    <input type="radio" name="APPLYDEPTTYPE" value=http://www.mamicode.com/"其他" />其他                </td>

赋值:

 var str = result.APPLYDEPTTYPE; $("[value=http://www.mamicode.com/‘" + str + "‘]").attr("checked", true);

取值:

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

另附多选框checkbox

定义:

 <td height="60" colspan="5">                    &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp                    <input type="checkbox" name="BUSINESSSCOPE" value=http://www.mamicode.com/"" />水 &nbsp&nbsp&nbsp&nbsp                    &nbsp&nbsp&nbsp&nbsp                    <input type="checkbox" name="BUSINESSSCOPE" value=http://www.mamicode.com/"空气" />空气 &nbsp&nbsp&nbsp&nbsp                    &nbsp&nbsp&nbsp&nbsp                    <input type="checkbox" name="BUSINESSSCOPE" value=http://www.mamicode.com/"土壤" />土壤</br>                    &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp                    <input type="checkbox" name="BUSINESSSCOPE" value=http://www.mamicode.com/"噪声" />                    噪声 &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp                    <input type="checkbox" name="BUSINESSSCOPE" value=http://www.mamicode.com/"生物" />生物                </td>

 

赋值:

  var str3 = result.BUSINESSSCOPE;                    if (str3 != null) {                        var strs = new Array();                        strs = str3.split(",");                        for (i = 0; i < strs.length; i++)                        { $("[value=http://www.mamicode.com/‘" + 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

  定义:

  <textarea cols="25" rows="3" name="BUSINESSALLOW" id="BUSINESSALLOW" onpropertychange="if(this.value.length>100){this.value=http://www.mamicode.com/this.value.substr(0,100)}" class="easyui-validatebox" style="width: 99%; height: 99%" data-options="required:true"></textarea>

赋值和取值与Input标签相同。

 

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