jquery easyui combobox添加项

[haixiang710]

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

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

$('#selUnin').combobox({
        url: _callback_url + '&action=getUnin',
        valueField: 'id',
        textField: 'text'            
       }
    });

$("#selUnin").append("<option value=''>=全部=</option>");

没作用，然后想了想得在数据加载成功后就行追加，就在对应的方法里
又尝试了下，还是没作用：

$('#selUnin').combobox({
        url: _callback_url + '&action=getUnin',
        valueField: 'id',
        textField: 'text',
        onLoadSuccess: function(param) {
            $("#selUnin").append("<option value=''>=全部=</option>");            
        }
    });

在网上也查了很久，一直没能找到方法解决，不知道谁有好的解决方法？
谢谢！我在想有没有对其option对象进行操作的方法。通过获得option对象，
然后进行追加操作：var opts = $('#selUnin').combobox('options');

[haixiang710]

怎么个加法？直接append div进去？

[haixiang710]

[Quote=引用 2 楼 的回复:]
因为jquery easyui的下拉列表combobox是用DIV模拟的（其实看看它的样式就应该想到）。
#selUnin里面是多个DIV。你应该向里面添加DIV就对了。
[/Quote]

怎么个加法？直接append div进去？

[碧海情天-赵亮]

因为jquery easyui的下拉列表combobox是用DIV模拟的（其实看看它的样式就应该想到）。
#selUnin里面是多个DIV。你应该向里面添加DIV就对了。

[掂吾掂]

呵呵..我今天也在弄这个,我也像你那样搞了好久..不过最终我还是搞定了..我说一下我的做法吧!

1、一个空下拉框
<select id="customCombobox">
</select>

2、为下拉框添加子项(这时候可以是后台读过来的数据)
$("#customCombobox").append("<option value='1'>JAVA</option>");

3、将下拉框转化为EASYUI中的Combobox
$("#customCombobox").combobox({});

只要填充好数据再去转化那就一定不会出问题!
还有二楼的做法是可以的,但是会有一个问题,那就是你在搜索的时候,你手动添加上去的子项在你搜索的时候是不会出现在下拉框的结果集中.

[haixiang710]

[Quote=引用 5 楼 的回复:]
呵呵..我今天也在弄这个,我也像你那样搞了好久..不过最终我还是搞定了..我说一下我的做法吧!

1、一个空下拉框
<select id="customCombobox">
</select>

2、为下拉框添加子项(这时候可以是后台读过来的数据)
$("#customCombobox").append("<option value='1'>JAVA</option>");

……
[/Quote]
不知道是在哪里用？

//这种用法好像死循环，浏览器不停重复加载
 $('#selNums').combobox({
        url: _callback_url + '&action=getUnin',
        valueField: 'id',
        textField: 'text',
        onLoadSuccess: function(param) {
            $("#selNums").append("<option value=''>=全部=</option>");
            $("#selNums").combobox({});
        }

    });  

//这种用法还是没有把“全部”放入下拉框
$('#selNums').combobox({
        url: _callback_url + '&action=getUnin',
        valueField: 'id',
        textField: 'text'
    }); 
$("#selNums").append("<option value=''>=全部=</option>");
$("#selNums").combobox({});

[丨给你吃糖丨]

有一种非常有效的解决方法，combobox请求一个url，返回的是一个json字符串，可以在后台把字符串写到页面的时候手动添加一个全部，就是拼上一个 id: 1 text:全部 ，在后台拼上去，传到前台就有了

[南宫01]

<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");//初始销区下拉框 }) 试试这种方法，我成功了