调用的时候传入参数。
$("#jobs").searchableSelect({ publicAttr: { maxHeight: 300, maxWidth: 215, zIndex: 26 } });
然后修改JS文件,在拼接的div 在对应div上设置style 将参数拼接上去,就可以针对每个下拉设置样式。
this.searchableElement = $('<div tabindex="0" class="searchable-select" style="z-index:' + _this.options.publicAttr.zIndex + ';width:' + _this.options.publicAttr.maxWidth + 'px"></div>');
selectItem: function(item) { if (this.hasCurrentSelectedItem()) this.currentSelectedItem.removeClass('selected'); this.currentSelectedItem = item; item.addClass('selected'); this.hoverItem(item); this.holder.text(item.text()); var value = item.data('value'); this.holder.data('value', value); this.element.val(value); this.element.trigger('change'); //模拟select触发change事件 if (this.options.afterSelectItem) { this.options.afterSelectItem.apply(this); } },