项目中如果遇到快速搜索table表格,select下拉框,ul>li列表等内容的时候,可以使用quicksearch快速搜索插件,举个栗子:
首先要引用jquery.js + jquery.quicksearch.js ( 百度搜索都可以找到 ),基本样式参考如下
<input type="text" id="ms-search" class="form-control" name="" placeholder="筛选搜索到的信息"/> <select name="from" id="select1" multiple="multiple" class="form-control" size="15"> <option value="1">Item 1</option> <option value="2">Item 2</option> <option value="3">Item 3</option> <option value="4">Item 4</option> <option value="5">Item 5</option> </select>
调用函数:
$('input#ms-search').quicksearch('#select1 option');
这样就可以实现简单的搜索了,如果需要实现更复杂的搜索,请自行百度quicksearch查看参数等