调用的时候传入参数。
$("#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);
}
},