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

最新推荐文章于 2023-02-17 20:45:57 发布
最新推荐文章于 2023-02-17 20:45:57 发布
阅读量4.5k 收藏 1
点赞数
分类专栏： 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="" ο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
还有这种写法：   <input  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

定义：

<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">
                    &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp
                    <input type="checkbox" name="BUSINESSSCOPE" value="水" />水 &nbsp&nbsp&nbsp&nbsp
                    &nbsp&nbsp&nbsp&nbsp
                    <input type="checkbox" name="BUSINESSSCOPE" value="空气" />空气 &nbsp&nbsp&nbsp&nbsp
                    &nbsp&nbsp&nbsp&nbsp
                    <input type="checkbox" name="BUSINESSSCOPE" value="土壤" />土壤</br>
                    &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp
                    <input type="checkbox" name="BUSINESSSCOPE" value="噪声" />
                    噪声 &nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&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就是值
复制代码

 

已经自己找到办法，    function IsChecked(obj) {
        if($(obj).prop("checked"))
        {
            $(obj).val("on");
        }
        else {
            $(obj).val("No");
        }
    }

<input type="checkbox" id="ckRelat" name="ckRelat" @(Model.Related=="Yes" ? "checked='checked'" : "") value="@(Model.Related??"No")" οnclick="IsChecked(this)" />
                                  <label for="ckRelat">相关</label>           

 model.Related = form["ckRelat"];
            if (model.Related == "on")
            {
                model.Related = "Yes";
            }
            else
            {
                model.Related = "No";
            }

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

lenovouser
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
EasyUI-input取/赋值
私信可回答各种问题~
03-21 920
EasyUI-input取/赋值
Jquery插件easyUi实现表单验证示例
10-23
主要介绍了Jquery插件easyUi实现表单验证示例，需要的朋友可以参考下
easyui的input框赋值取值
aoeace
08-22 454
textbox,combobox $('#table1 #orderName').textbox({}); $('#table1 #orderName').textbox('setValue',orderName); $('#table1 #orderName').textbox('setText',orderName); var orderNameValue = $('#table1 #...
如何获取easy-ui中input框输入的值
Ruoyang666的博客
01-22 4000
因为区别于获取普通input框的值，所以简单记下。 jsp页面 js获取  var username=$('#USER_XM').textbox('getValue');
JqueryEasyUi文本框赋值
qq_43243541的博客
08-29 869
JqueryEasyUi文本框赋值 1. combobox下拉框赋值 $('文本框Id').combobox('setValue',需要赋的值); 2. textbox文本框赋值 $('文本框Id').textbox().textbox('setValue',需要赋的值); ...
javascript代码-使用代码解决Jquery给easyui的表单元素赋值，获取值总结的源代码
05-02
——学习参考资料：仅用于个人学习使用！ javascript代码-使用代码解决Jquery给easyui的表单元素赋值，获取值总结的源代码
jquery获取easyui日期控件的值实现方法
11-27
jquery获取easyui日期控件的值 jquery easyui 日期框 有这样的一个日期文本框： <input type=”text” name=”mdate” size=”20″ value＝”” id=”mdate” class=”easyui-datebox”/>  使用easyui给...
轻松学习jQuery插件EasyUI EasyUI表单验证
10-23
总结来说，jQuery EasyUI的`form`插件和`validatebox`插件使得在Web应用中实现表单的异步提交和验证变得简单而直观。通过合理配置，开发者可以创建出符合业务需求且用户体验良好的交互式表单。无论是用于数据收集、...
easyUI设置input的值
教官的博客
05-10 2137
//textbox // 取值 var textbox = $("#id").textbox(‘getValue’) // 赋值 $("#id").textbox(‘setValue’,‘value’) //combobox // 取值 var combobox = $("#id").combobox(‘getValue’); // 赋值 $("#id").combobox(‘setValue’,...
easyUI输入框、下拉框、单选框等取值方式
进步、每天①点点↗的博客
02-15 4173
easyUI输入框、下拉框、单选框等取值方式 1、input： &lt;input type="text" name="APPLYDEPTNAME" id="APPLYDEPTNAME" style="width: 99%" maxlength="50" class="easyui-validatebox" data-opti
easyUI input 获取值,赋值，禁用
HDXxiazai的博客
10-13 1246
input 获取值 <input type="text" name="projectId" id="projectId" class="easyui-textbox"/> 取值： $('#projectId').textbox('getValue') 赋值： $('#projectId').textbox('setValue', data.projectId); 禁用： $('#projectId').textbox({editable:false}); <input.
easyui combogrid setValues
weixin_30458043的博客
10-25 352
combogrid 的setValues $('#cc').combogrid('setValues', ['001','007']); 必须是数组，所以将‘1,2’用split（“，”）分隔开变成数组；否则就会生成多个逗号 转载于:https://www.cnblogs.com/ljsn/p/5997266.html...
EasyUI 跨form值获取
fzf474577969的专栏
11-24 437
var startYear =  parent.$('#report_startyear').combobox('getValue');     var startMonth = parent.$('#report_startmonth').combobox('getValue');     var endYear =  parent.$('#report_endyear').combobox
easyUI使用setValue无效，赋不上值问题记录
banweili008的博客
12-05 2171
我的需求是datebox只显示年月 按照惯例面向百度编程 复制了一段代码，效果很满意 但在回显的时候一直setValue无效 研究了一下午，看每一步都没问题 先贴代码： <input editable="false" class="easyui-datebox" type="text" id="makedate" name="CREATE_DATE" style="width:200px;...
easyui-combobox之setText与setValue先后之分
beiback的博客
02-17 559
setValue和setText
easyui combogrid组件 setValue 影响
xiaocai9999的专栏
05-21 1541
先说场景： 客户端进行选择人员信息进行保存处理，选择时意见自动填充给其一个模板意见。我们再次打开页面人员组建初始化成功之后，我们设置组件值，$(target).combogrid('setValue',值);此时我们可观察意见信息，首先复制ok,但是执行setValue后，意见变为了模板意见，显然不正确。 其实此时我们应该知道，setValue底层会触发select事件，所以会将我们赋值意...
关于easyui中默认给FORM赋值的错误
sunlei198906的专栏
10-18 732
easyui中，可通过$('#form1').form('load', 'get.action?code='+code);  这样的确好用。节省了很多时间，但是今天出现一个很奇怪的错。easui的js错。 由于字段太多，无法跟踪。后来才发现是因为  在form表单中又重名字的情况。
easyUI 循环遍历指定div所有checkbox并获取选中的value
zhuchengkai1的博客
01-20 3596
function setTags() {             //$('#sTags input[type=checkbox]').removeAttr('checked');//清除指定标签所有checkbox选中状态             //遍历指定标签所有checkbox，并获取选中checkbox的value             var valu = "";  
easyui 获取options_jQuery EasyUI 下拉框及值的获取
最新发布
06-06
获取下拉框选中的值可以使用以下代码： ```javascript // 获取下拉框的值 var value = $('#combobox').combobox('getValue'); // 获取下拉框的文本 var text = $('#combobox').combobox('getText'); ``` 如果需要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值