标签：easyui validatebox 表单 设置 id input 选择器 textbox

表单作如下定义：该input使用easyui的"easyui-textbox"

<input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-textbox" type="text" name="snumber" data-options="required:true, missingMessage:'请输入学号'" />

设置值的方式：

//使用表单选择器：代码似乎是有异常的
//$("input[name='snumber']").textbox('setValue', "22012");
//使用表单选择器：代码没有异常 但不能为input设置值
//$("input[name='snumber']").val("22012");
//使用id选择器：不能设置值
//$("#addSnumber").val("22012");
//使用id选择器：可以设置值
$("#addSnumber").textbox('setValue', "22012");
//使用id选择器和setText：可以设置值
$("#addSnumber").textbox('setText', "22012");

所以：为text-box设置值只能使用id选择器选择表单元素，然后使用textbox(“setValue”, value); 的方式设置值；

获取值也是如此：

var snumber = $("#addSnumber").textbox('getValue');

easyui-validatebox的设置值或获取值的方式又有点不一样
表单作如下定义:

<input id="addSnumber" style="width: 200px; height: 30px;" class="easyui-validatebox" type="text" name="snumber" data-options="required:true, missingMessage:'请输入学号'" />

获取值的方式：

//这种方式是可以设置值的
//$("#addSnumber").val("22015");
//可以设置值
//$("input[name=snumber]").val("22015");
//不能设置值，且语法不对有异常
//$("input[name=snumber]").textbox("setValue", "22015");
//不能设置值，且语法不对有异常
//$("input[name=snumber]").textbox("setText", "22015");
//不能设置值，且语法不对有异常
//$("#addSnumber").textbox("setvalue", "22015");

所以：validatebox只能用$().val()方式设置和获取值，选择器既可以用id选择器，也可以用表单选择器

总结：表单元素使用easyui时，textbox和validatebox设置值和获取值的方式不一样
　　为text-box设置值只能使用id选择器选择表单元素，只能使用textbox(“setValue”, value) 或 textbox(“seText”, value) 的方式设置值，使用textbox(“getValue”) 或textbox(“getText”) 获取值；
　　为validatebox设置值可以使用id选择器和表单选择器，只能使用val()获取值和设置值。

标签：easyui,validatebox,表单,设置,id,input,选择器,textbox
来源： https://blog.csdn.net/ximaiyao1984/article/details/121333235

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。