博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

EasyUI-Combobox

Posted on 2014-02-28 22:25  星尘的天空  阅读(475)  评论(0编辑  收藏  举报

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: