下拉列表框

繼承 $.fn.combo.defaults. 重寫 $.fn.combobox.defaults.

組合框顯示一個可編輯的文字框和下拉列表,使用者選擇一個或多個值。使用者可以直接輸入文字到頂部的列表,或選擇一個或多個當前值列表。

依賴

• combo

應用例項

從<select>建立下拉列表框元素與一個預定義的結構。

1. <selectid="cc"class="<a title="EasyUI" href="http://wuzhuti.cn/tag/easyui/">EasyUI</a>-combobox" name
   ="dept"style="width:200px;">
2. <optionvalue="aa">aitem1</option>
3. <option>bitem2</option>
4. <option>bitem3</option>
5. <option>ditem4</option>
6. <option>eitem5</option>
7. </select>

<select id="cc" class="EasyUI-combobox" name="dept" style="width:200px;">
<option value="aa">aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>

<option>eitem5</option>
</select>

 
 

建立下拉列表框從<input>標記。

1. <inputid="cc"class="easyui-combobox"name="dept"data-options="valueField:'id',textField:'text',url:'get_data.php'"/>

<input id="cc" class="easyui-combobox" name="dept" data-options="valueField:'id',textField:'text',url:'get_data.php'" />

使用javascript建立下拉列表框。

1. <inputid="cc"name="dept"value="aa">
2. $('#cc').combobox({  
3. url:'combobox_data.json',  
4. valueField:'id',  
5. textField:'text'  
6. });  

<input id="cc" name="dept" value="aa">

$('#cc').combobox({
url:'combobox_data.json',

valueField:'id',

textField:'text'
});

建立兩個依賴的組合框。

1. <inputid="cc1"class="easyui-combobox"data-options=" valueField: 'id', textField: 'text', url: 'get_data1.php',  
2. onSelect: function(rec){  
3. var url = 'get_data2.php?id='+rec.id;  
4. $('#cc2').combobox('reload', url);  
5. }" />
6. <inputid="cc2"class="easyui-combobox"data-options="valueField:'id',textField:'text'"/>

<input id="cc1" class="easyui-combobox" data-options=" valueField: 'id', textField: 'text', url: 'get_data1.php',

onSelect: function(rec){
var url = 'get_data2.php?id='+rec.id;

$('#cc2').combobox('reload', url);


}" />

<input id="cc2" class="easyui-combobox" data-options="valueField:'id',textField:'text'" />

json資料格式示例:

[{"id":1,"text":"text1" },{"id":2,"text":"text2" },{"id":3,"text":"text3","selected":true},{"id":4,"text":"text4" },{"id":5,"text":"text5" }]

屬性

屬性從Combo擴充套件,下面是新增屬性組合框。

事件

事件從Combo擴充套件,下面是新增事件為下拉列表框。

方法

從Combo的方法擴充套件,下面是新增或重寫的方法為下拉列表框。