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()獲取值和設置值。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM