easyui-textbox 和 easyui-validatebox 設定值和擷取值_EasyUI

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()擷取值和設定值。