JQuery EasyUI combobox動態添加option


<input id="select_city" name="select_city" class="easyui-combobox" style="width:435px" data-options="valueField:'id', textField:'text' >

方法一:

var data, json;
json='[{"id":1 , "text":"蘭州" },{"id":14 ,"text":"敦煌" ,"selected":true},{"id":15 , "text":"臨夏"}]';
data = $.parseJSON(json);
$("#select_city").combobox("loadData", data);

方法二:

var data,json;
data = [];
data.push({ "text": "測試", "id": 100 });
$("#select_city").combobox("loadData", data);

 

只加入一項。

1、一個空下拉框
<select id="customCombobox">  
</select>

2、為下拉框添加子項(這時候可以是后台讀過來的數據)
$("#customCombobox").append("<option value='1'>Java</option>");//從最后面開始加

$("#cboCallOutTel").prepend("<option value='"+strCallOutTel+"'>"+strCallOutTel+"</option>");//從第一個開始加

3、將下拉框轉化為EASYUI中的Combobox
$("#customCombobox").combobox({});


免責聲明!

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



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