将select改造成搜索框(chosen.jquery.js)使用

如果我们想把select查询出来的结果,可以通过搜索框筛选出来,实现下面这个效果,如下图:

将select改造成搜索框(chosen.jquery.js)使用

实现这个效果,可以使用jquery的chosen.jquery这个插件实现,

使用步骤:

1.引用chosen.css、chosen.jquery.js文件,如下图:

将select改造成搜索框(chosen.jquery.js)使用

将select改造成搜索框(chosen.jquery.js)使用


2. <select class="select_control sign_right_one" id="selSuppliant"></select>

将select改造成搜索框(chosen.jquery.js)使用

加上红框中的代码即可实现搜索功能。