jQuery模糊搜索插件

 查看演示  website  立即下载

更新时间：2021-09-08 23:21:10

更新说明：美化滚动条 新增第一次赋值时触发回调

补充一下如果需要拿值直接search.params

更新时间：2021-07-21 01:49:47

只是因为公司一个巨老的项目需要一个模糊搜索功能 用法非常简单，你甚至不需要引入css，我至今想不明白有很多为了实现某个功能的插件为什么这么难用，又要引入css又要引入js，然后要定义一堆类名，意义不明 

使用方法：

引入然后new一下,在标签上写placeholder和name就和在input上写这两个属性的性质一样。

是你需要的效果 

<div id="search" placeholder="请搜索" name="seaarchSelect"></div>

const search = new searchSelect('#search', [{
    id: 1,
    value: '许嵩'
}, {
    id: 2,
    value: '周杰伦'
}, {
    id: 3,
    value: '林俊杰'
}])

类似这样子，第一个值是元素名，第二个是一个模糊搜索用的数组，它还有第三个参数是个回调函数，这个是一个选填项目，这个回调函数会在触发input事件被执行 所以这个回调你想写异步搜索也许有用 

const search = new searchSelect('#search',[],function(){
    $..ajax........
})

update方法,用于更新下拉列表的数据

使用方法

search.update([{id:1,value:'乌鸦'},{id:2,value:'冰柜'}])

search方法,一般配合回调函数用及update方法做异步请求用，传入true会一直显示搜索中的字样,如果关掉它可以传入false，调用update也一样会清空搜索状态 search.search(true) disabled方法，实现disabled效果，传入true开启传入false关闭 

seaarch.disabled(true) empty方法，帮你清空所有内容

search.empty() assignment方法,你也许有类似编辑页需要直接给搜索框赋值的操作，可以这样做

seaarch.assignment({id:3,value:'苏格拉没有底'})

会帮你选中下拉框中对应的值，没有就帮你加上且自动选中 你也可以直接传个id search.assignment(1) 这样做会帮你选中对应id的下拉框但是无法实现找不到就自动添加 大清都亡了所以抛弃ie

PREVIOUS:
NEXT:
网页模拟Windows 12（原创）
jQuery bootstraps响应式教育类网站模板