searchableSelect插件实用及加入事件

此文因网上合并版本找起来比较麻烦,自己整合

先在页面引入js和css

<script type="text/javascript" src="/js/jquery.searchableSelect.js"></script>
<link href="/css/searchableSelect.css" rel="stylesheet">

页面代码

<select name="no" id="no" width="200px">
   <option value="0">请选择</option>
   <option value="111">222</option>
</select>

js中初始化

<script type="text/javascript">
    $(function () {
        $('#no').searchableSelect();
    });
</script>

因为原版方法中不支持 触发时间 js中添加 this.element.trigger('change'); 这段代码支持chang事件

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);
      }
    }

以下 完毕