评论：带搜索框的jQuery下拉框美化插件 searchable  [查看原文]

西瓜0
2022/10/27 11:38:06

html


<select id="abc">
      <option value="jQuery插件库">jQuery插件库</option>
      <option value="BlackBerry">BlackBerry</option>
      <option value="device">device</option>
       .....
</select>

js


$(function() {
    var x = document.getElementById("abc");
    x.selectedIndex = -1;
    $('select').searchableSelect();
})

select: function(val) {
this.element.val(val)
var id = $(".searchable-select-item[data-value=" + val + "]")
this.selectItem(id);

}
});
$.fn.searchableSelect = function(options) {
    return new $sS($(this), options);
};


$(function() {
    $abc = $('select').searchableSelect();
});

function abc() {
    $abc.select('and');
}

龙之吻0
2021/5/14 15:12:20
换了种方式终于实现重置效果

vagebondage0
2022/3/10 9:35:57
.searchable-select-items 的样式 max-height: 200px; 可修改