4、表格内容搜索

来源:互联网 发布:阿里云市场 编辑:程序博客网 时间:2024/05/01 02:27

本举例支持ie8

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、其他事件自己发挥

原创粉丝点击