项目中如果遇到快速搜索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查看参数等

相关文章:

  • 2021-06-17
  • 2021-11-18
  • 2021-11-07
  • 2022-01-09
  • 2021-09-22
  • 2021-11-09
  • 2021-12-15
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-05-27
  • 2021-08-21
  • 2022-01-09
  • 2021-11-16
  • 2022-12-23
  • 2021-08-13
相关资源
相似解决方案