4、表格内容搜索
2017-12-04 13:30
169 查看
本举例支持ie8
1、触发一个键盘事件,弹出搜索框
2、绑定搜索框的事件
3、其他事件自己发挥
1、触发一个键盘事件,弹出搜索框
window.document.onkeydown = disableRefresh; function disableRefresh(evt) { evt = (evt) ? evt : window.event if (evt.keyCode) { if (evt.keyCode==17) { if (str) { alert("按下了ctrl!"); } } } }
2、绑定搜索框的事件
var keyWord="";//用于清理前一次的搜索后的样式
function getTdValue(key) { if (keyWord == "") { keyWord = key; } if (key == "关键字" || key == "") { alert("关键字"); } else { var tableId = document.getElementById("table"); if (tableId!= null) { var adviceCount = 0; if ($("#tablePatientCPDetail td:contains(" + key + ")").length != 0) { //如果表格中的列中存在搜索值 $("#tablePatientCPDetail td:contains(" + keyword + ")").removeAttr("style", "background-color:#9ACD32;font-size:15px"); $("#tablePatientCPDetail td:contains(" + key + ")").attr("style", "background-color:#9ACD32;font-size:15px"); keyword = key; } else { alert("没有你要查找的内容"); } } else { alert("搜索目标表不存在"); } } }
3、其他事件自己发挥
相关文章推荐
- CoreSpotlight 系统搜索栏表格内容搜索
- (31)DOM应用之搜索表格中的内容(简单搜索)
- jquery 表格排序、实时搜索表格内容(附图)
- jquery 表格排序,实时搜索表格内容
- (32)DOM应用之搜索表格中的内容(忽略大小写搜索)
- jquery 表格排序、实时搜索表格内容(附图)
- (33)DOM应用之搜索表格中的内容(模糊搜索)
- (34)DOM应用之搜索表格中的内容(多关键字搜索)
- JavaScript document 对表格内容搜索 模糊搜索 多个关键字搜索
- JS实现table表格内针对某列内容进行即时搜索筛选功能
- angular.js表格内容搜索过滤代码
- asp.net JQuery Ajax WebService 搜索 自动匹配 动态生成表格 点击表格 获取表格内容
- 表格的一些原生js操作(隔行变色,高亮显示,添加删除,搜索)
- JS访问表格内容,计时器等示例代码
- 表格内容超出用省略号显示
- JQuery表格内容过滤的实现方法
- 内容站已死,搜索引擎已让用户止于搜索!
- 从网上搜索的格式化crs_stat -t输出的内容,挺不错,改动了一点内容
- 法院裁定 Google享有自行安排搜索结果内容的权利
- 表头固定内容可滚动表格的3种实现方法