jQuery模糊搜索插件

查看演示立即下载

插件描述：基于jQuery，体验有点简单，还算好看

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

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

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

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

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

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

是你需要的效果

1	`<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方法,用于更新下拉列表的数据

使用方法

1	`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方法,你也许有类似编辑页需要直接给搜索框赋值的操作，可以这样做

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

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

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com