EasyUI-Combobox

EasyUI-Combobox 下拉框篇

 

1：基本下拉框如下图所示：

点击右边按钮后展开选项

然后我们就可以选择对应的结果了

<select class="easyui-combobox" name="state" style="width:200px;">
　　<option value="AL">Alabama</option>
　　<option value="AK">Alaska</option>
</select>

使用的方式同样的是：指定 selection 的 class 属性

 

2：动态添加combobox的数据

<div style="margin:10px 0;">
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#language').combobox('reload', 'combobox_data1.json')">LoadData</a>
</div>

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

这种数据填充的方式是基于JQuery框架的

 

3：