jQuery表格模糊搜索

所属分类:输入-搜索

 22084  206  查看评论 (5)
分享到微信朋友圈
X
jQuery表格模糊搜索 ie兼容12

更新时间:2020-09-11 01:39:49

更新说明:增加搜索ul li模块功能


更新时间:2020-03-26 23:26:48

更新说明:修复了表格中有图标时,搜索内容结束后,进行表格还原时不显示图标的问题

新增了下拉框筛选,可以进行下拉框选择进行筛选数据


更新时间:2020-03-06 00:01:41

使用方法

1. 引入:jQuery 文件

2. 引入:定义好的 lin_search.js 文件

3. 对搜索框设置键盘事件

var table = document.getElementById("table-1");  // 表格
var input = document.getElementById("lin"); // 搜索框
input.onkeyup = function () {
   new Search(table, input)
}
相关插件-搜索

搜索历史localstage本地化存储

使用localstage本地化存储,将搜索历史缓存下来,便于记录显示
  搜索
 33311  342

zySearch搜索框插件

zySearch用户体验超棒的搜索框插件
  搜索
 70122  388

jQuery记录搜索历史

搜索历史框,可输入填充可永久记录
  搜索
 48865  373

静态页面姓名搜索 搜索高亮 自动滚动 包含手机端和pc端(原创)

静态页面姓名搜索功能,对搜索到的姓名显示高亮,同时自动滚动到指定的位置,包含手机端和pc端两个页面。
  搜索
 37318  375

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    足行笔述 0
    2020/11/27 16:01:15
    这个好,感谢作者。既然是模糊搜索,可以改为不区分字母大小写吗? 回复
    linzhi 0
    2020/6/8 10:06:32
    只能作用于表格吗?ul和li标签好像不行
        大笨蛋0
        2020/9/14 14:39:35
        已经可以搜索了
                   0
        2021/3/22 17:16:25
        li标签也有差不多的问题,我的Li标签包含有一个checkbox框,搜索的时候checkbox框都不显示,搜索结束后也没有显示
    回复
    XJTM 0
    2020/3/10 14:26:45
    可以可以,支持了。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复