easyui-textbox 和 easyui-validatebox 设置值和获取值

最新推荐文章于 2025-05-18 22:33:01 发布

转载最新推荐文章于 2025-05-18 22:33:01 发布 · 1k 阅读

本文详细介绍了EasyUI框架中Textbox和Validatebox两种表单控件的设置值与获取值的方法，包括不同选择器的使用技巧及注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

随笔 - 36 文章 - 12 评论 - 206

easyui-textbox 和 easyui-validatebox 设置值和获取值

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

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

设置值的方式：

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

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

获取值也是如此：

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

easyui-validatebox的设置值或获取值的方式又有点不一样

表单作如下定义:

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

获取值的方式：

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