码迷,mamicode.com
首页 > 其他好文 > 详细

easyUI中select下拉框添加option选项

时间:2015-05-26 16:09:15      阅读:3467      评论:0      收藏:0      [点我收藏+]

标签:

使用jquery easyui的下拉列表combobox碰上问题,下拉列表的项都是从
数据库读出来的,然后我想在动态生成的项中添加一项:"<option value=‘‘>=全部=</option>"。
但怎么也添加不成功。

首先试了直接用jquery对该下拉列表进行添加操作:


JavaScript code
?
1
2
3
4
5
6
7
8
$(‘#selUnin‘).combobox({
        url: _callback_url + ‘&action=getUnin‘,
        valueField: ‘id‘,
        textField: ‘text‘            
       }
    });
 
$("#selUnin").append("<option value=‘‘>=全部=</option>");

没作用,然后想了想得在数据加载成功后就行追加,就在对应的方法里
又尝试了下,还是没作用:
JavaScript code
?
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");//初始销区下拉框
 })



easyUI中select下拉框添加option选项

标签:

原文地址:http://blog.csdn.net/xiaojian1018/article/details/46008463

(3)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!