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

简介: easyui-textbox 和 easyui-validatebox 设置值和获取值

表单作如下定义:该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()获取值和设置值。


相关文章
|
JSON 前端开发 数据格式
easyui validatebox textbox 取值和赋值
easyui-textbox 赋值的方式: 1 //使用表单选择器:代码似乎是有异常的 2 //$("input[name='snumber']").textbox('setValue', "22012"); 3 //使用表单选择器:代码没有异常 但不能为input设置值 4 //$("input[name='snumber']").
1618 0
|
JavaScript
Jquery主要控件的取值、赋值,包括textbox,button,lable,radio,chec
textbox:var str = $('#txt').val();  $('#txt').val("Set Lbl Value");   //文本框,文本区域: $("#text_id").
1178 0
|
JavaScript 索引
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上Radio 1.获取选中值,三种方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").
1023 1
easyui combobox设置只读属性
$("#id").combobox('readonly',true); //只读   $("#id").combobox('readonly',false); //取消只读
1734 0
|
JavaScript 前端开发
解决dropdownlist覆盖div问题
问题的出现 当你使用一个div在一些控件所在位置之上显示一些帮助信息时,你也许会遇到控件覆盖div帮助信息的问题。造成这个问题的原因是页面上的控件没有设置z-index属性,z-index属性决定元素显示的前后层次,一个z-index值大的元素永远都处在比它z-index值小元素的前方。
1016 0
Easyui combobox 取值赋值解答
Easyui combobox 取值赋值解答
|
JSON 数据格式
easyUI 的combobox如何获取除valueField和textField外的三个值
easyUI 的combobox如何获取除valueField和textField外的三个值
|
测试技术 容器
Easyui datagrid 扩展单元格textarea editor
Easyui datagrid 扩展单元格textarea editor
311 0
|
存储 数据库
easyui-form表单提交combobox
easyui-form表单提交combobox
99 0
|
前端开发
easyui-combobox 设置option内容不换行
使用easyui 1.4.4 1 2 3 4 5 6 7 8          1 2 3 4 5 6 7 $(function(){     $(".
1568 0

热门文章

最新文章