用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

搜索关键字过滤表格

2016-08-10 作者: 云代码会员举报

[javascript]代码库

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>RunJS 演示代码</title>
    <script>
        var chazhao = function (){
            var trs = tab1.tBodies[0].rows;
            for(var i = 0; i < trs.length; i++){
                var tr = trs[i];
                if(tr.innerHTML.search(oTXT.value) == -1)
                    tr.style.display = 'none';
                else
                    tr.style.display = '';
            }
             
        }
    </script>
  </head>
<body>
     <form>
        <span>输入查询的关键字:</span>
               <input type="text" id="oTXT" />
               <input type="button" value="查找" onclick="chazhao()" />
    </form>
    <table border="1px" id="tab1" width="500">
        <thead>
        <tr>
            <td>姓名</td>
            <td>职位</td>
            <td>手机</td>
            <td>分机</td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>111</td>
            <td>222</td>
            <td>333</td>
            <td>444</td>
        </tr>
        <tr>
            <td>589</td>
            <td>666</td>
            <td>777</td>
            <td>888</td>
        </tr>
        <tr>
            <td>567</td>
            <td>888</td>
            <td>999</td>
            <td>999</td>
        </tr>
        </tbody>
    </table>
  </body>
</html>


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...