jquery-chosen 选择框插件

Chosen 是一个JavaScript插件，它能让丑陋的、很长的select选择框变的更好看、更方便,不仅如此，它更扩大了，增长了主动筛选的功能。它可对列表进行分组，同时也可禁用某些选择项。

接下来说下简单实现步骤

1、先引入jquery.js

2、引入相应css和js

<link id="bs-css" href="../statics/css/chosen.css" rel="stylesheet">

<script src="../statics/js/chosen.jquery.js"></script>

3、$('#czqd').chosen();       在页面中，写js调用，需要实现下拉选择的ID，调用事件。

效果如图：

 chosen.jquery.jsr的Chosen.prototype.winnow_results  方法中，if (found)判断上面 加上以下条件，即可实现模糊匹配，而不是只匹配第一个字符串

 else if((option.html).indexOf(searchText) >= 0){
            found = true;
            results += 1;
            }

效果如图：