1.Input type="hidden"
定义:
<input type="hidden" name="APPLYDEPTNAME" id="APPLYDEPTNAME" />
赋值:
$("#APPLYDEPTNAME").val('1212'),
取值:
$("#APPLYDEPTNAME").val()
2.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()
3 .ComboBox
取值:
$("#city2").combobox("getValues");//获取多个值选中,类型是数组
$("#city2").combobox("getValue");//获取单个值,选中
赋值:
$('#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]);
}
默认选择第一项,加请选择,取值问题
<input class="easyui-combobox" id="ddlWHS" name="ddlWHS" /> //combox默认选择第一个 $(function () { $('#ddlWHS').combobox({ url: "../../HR/attType/list_attType.ashx?type=Bindddl", valueField: 'WorkingHour_beginTime', textField: 'WorkingHour_name', editable: false, onLoadSuccess: function (data) { var data = $('#ddlWHS').combobox('getData'); if (data.length > 0) { $("#ddlWHS").combobox('select', data[0].WorkingHour_beginTime); } } }); }); // combox加请选择 $(function () { $('#ddlWHS').combobox({ url: "../../HR/attType/list_attType.ashx?type=Bindddl", valueField: 'WorkingHour_beginTime', textField: 'WorkingHour_name', editable: false, //返回要显示的过滤数据 loadFilter: function (data) { var o = [{ 'WorkingHour_beginTime': '0', 'WorkingHour_name': '--请选择--'}]; return o.concat(data); }, //当远程数据加载成功时触发 onLoadSuccess: function (data) { var data = $('#ddlWHS').combobox('getData'); if (data.length > 0) { $("#ddlWHS").combobox('select', data[0].WorkingHour_beginTime); } }, onSelect: function (record) { //获取values alert($("#ddlWHS").combobox("getValues")); // 获取text alert($("#ddlWHS").combobox("getText")); } }); });
3. checkbox
多个复选框获取选中checked的值用“,”分割,name='qx'
var qx = $("input[name='qx']:checked").map(function () {
return $(this).val();
}).get().join(',');
$("input[name='qx']:checked").removeAttr("checked"); //取消选中
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');
f.menubutton
定义:
<a href="javascript:void(0)" id="mb" name="mb" disabled="true" class="easyui-menubutton" data-options="menu:'#mm',iconCls:'icon-edit' ">确认</a> <div id="mm" name="mm"style="width:150px;"> <div data-options="iconCls:'icon-undo'" οnclick="initTool.Check('确认通过')">确认通过</div> <div data-options="iconCls:'icon-redo'" οnclick="initTool.Check('确认不通过')">确认不通过</div> </div>
另附单选按钮Radio
定义
<td height="30" colspan="5"> <input type="radio" name="APPLYDEPTTYPE" value="事业法人" checked="checked" />事业法人 <input type="radio" name="APPLYDEPTTYPE" value="企业法人" />企业法人 <input type="radio" name="APPLYDEPTTYPE" value="社团法人" />社团法人 <input type="radio" name="APPLYDEPTTYPE" value="其他" />其他 </td>
赋值:
var str = result.APPLYDEPTTYPE; $("[value='" + str + "']").attr("checked", true);
取值:
$('input[name="APPLYDEPTTYPE"]:checked').val()
另附多选框checkbox
定义:
<td height="60" colspan="5">           <input type="checkbox" name="BUSINESSSCOPE" value="水" />水           <input type="checkbox" name="BUSINESSSCOPE" value="空气" />空气           <input type="checkbox" name="BUSINESSSCOPE" value="土壤" />土壤</br>           <input type="checkbox" name="BUSINESSSCOPE" value="噪声" /> 噪声           <input type="checkbox" name="BUSINESSSCOPE" value="生物" />生物 </td>
赋值:
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
|
<textarea cols=
"25"
rows=
"3"
name=
"BUSINESSALLOW"
id=
"BUSINESSALLOW"
onpropertychange=
"if(this.value.length>100){this.value=this.value.substr(0,100)}"
class
=
"easyui-validatebox"
style=
"width: 99%; height: 99%"
data-options=
"required:true"
></textarea>
|
赋值和取值与Input标签相同。
3,获取文本框选中内容
$("input", $("#CXTJ").next("span")).select();