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

EasyUI combobox动态增加选择项

时间:2015-07-25 13:37:16      阅读:295      评论:0      收藏:0      [点我收藏+]

标签:

 有需求需要动态的为combobox增加可选项,后来解决方案如下

html如下

<select id="workerList"></select>

js 如下

 keyArray为数组 tips:此处forEach 不是都支持,火狐官网上有对此方法的修正现在直接将代码贴上,大家可以自行查阅

if (!Array.prototype.forEach) {  
            Array.prototype.forEach = function(callback, thisArg) {  
                var T, k;  
                if (this == null) {  
                    throw new TypeError(" this is null or not defined");  
                }  
                var O = Object(this);  
                var len = O.length >>> 0; // Hack to convert O.length to a UInt32  
                if ({}.toString.call(callback) != "[object Function]") {  
                    throw new TypeError(callback + " is not a function");  
                }  
                if (thisArg) {  
                    T = thisArg;  
                }  
                k = 0;  
                while (k < len) {  
                    var kValue;  
                    if (k in O) {  
                        kValue = O[k];  
                        callback.call(T, kValue, k, O);  
                    }  
                    k++;  
                }  
            };  
        } 

 

 keyArray.forEach(function(x){
                                $("#workerList").append("<option value=\""+x+"\">"+x+"</option>");
                            })
$("#workerList").combobox(
                    {
                        editable:false,    
panelHeight:‘auto‘, onSelect:function(param){ selectChange(param) } });

 

EasyUI combobox动态增加选择项

标签:

原文地址:http://www.cnblogs.com/EncryptingLife/p/4675702.html

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