用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

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

2015-05-12 作者: 881122举报

[javascript]代码库

-
时间 2014-09-16 10:57:35  博客园-所有随笔区
原文  http://www.cnblogs.com/szxlh/p/3973273.html
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="" 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="事业法人" 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">
          &nbsp
  <input type="checkbox" name="BUSINESSSCOPE" value="水" />水    &nbsp
     &nbsp
  <input type="checkbox" name="BUSINESSSCOPE" value="空气" />空气    &nbsp
     &nbsp
  <input type="checkbox" name="BUSINESSSCOPE" value="土壤" />土壤</br>
          &nbsp
  <input type="checkbox" name="BUSINESSSCOPE" value="噪声" />
  噪声         &nbsp
  <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

定义:

<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标签相同。


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...