easyUI中select下拉框添加option选项
使用jquery easyui的下拉列表combobox碰上问题，下拉列表的项都是从
数据库读出来的，然后我想在动态生成的项中添加一项："<option value=‘‘>=全部=</option>"。
但怎么也添加不成功。
首先试了直接用jquery对该下拉列表进行添加操作：
没作用，然后想了想得在数据加载成功后就行追加，就在对应的方法里
又尝试了下，还是没作用：
数据库读出来的，然后我想在动态生成的项中添加一项："<option value=‘‘>=全部=</option>"。
但怎么也添加不成功。
首先试了直接用jquery对该下拉列表进行添加操作：
|
1
2
3
4
5
6
7
8
|
$(‘#selUnin‘).combobox({ url: _callback_url + ‘&action=getUnin‘, valueField: ‘id‘, textField: ‘text‘ } });$("#selUnin").append("<option value=‘‘>=全部=</option>"); |
没作用，然后想了想得在数据加载成功后就行追加，就在对应的方法里
又尝试了下，还是没作用：
|
1
2
3
4
5
6
7
8
|
$(‘#selUnin‘).combobox({ url: _callback_url + ‘&action=getUnin‘, valueField: ‘id‘, textField: ‘text‘, onLoadSuccess: function(param) { $("#selUnin").append("<option value=‘‘>=全部=</option>"); } }); |
在网上也查了很久，一直没能找到方法解决.经过学习得知:
因为jquery easyui的下拉列表combobox是用DIV模拟的（其实看看它的样式就应该想到）。
解决办法:
步骤如下:
1、一个空下拉框
<select id="customCombobox">
</select>
2、为下拉框添加子项(这时候可以是后台读过来的数据)
$("#customCombobox").append("<option value=‘1‘>JAVA</option>");
3、将下拉框转化为EASYUI中的Combobox
$("#customCombobox").combobox({});
只要填充好数据再去转化那就一定不会出问题!
另外一种方法:
<input id="comCc" value="0" class="easyui-combobox" data-options="required:true,editable:false,valueField:‘id‘,textField:‘text‘,width:80" />
$(function () {
$.setAreabox(‘comCc‘, "/Report/test/test");//初始销区下拉框
})
文章来自：http://blog.csdn.net/xiaojian1018/article/details/46008463