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

Posted 王超元

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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");
技术分享

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

 

 

总结:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样

  为text-box设置值只能使用id选择器选择表单元素,只能使用textbox("setValue", value) 或 textbox("seText", value) 的方式设置值,使用textbox("getValue") 或textbox("getText") 获取值;

  为validatebox设置值可以使用id选择器和表单选择器,只能使用val()获取值和设置值。

 

以上是关于easyui-textbox 和 easyui-validatebox 设置值和获取值的主要内容,如果未能解决你的问题,请参考以下文章

easyui-textbox 只读设置取消

Easyui-textbox得到焦点方法

easyui-textbox 显示示年月

easyui-textbox input输入框的一种取值方式

easyui-textbox 文本框里按回车键,怎么样把事件绑定到按钮上

easyui validatebox textbox 取值和赋值