首页 > 其他 > 详细

input keyup的时候实现内容过滤

时间:2017-09-09 19:31:18      阅读:252      评论:0      收藏:0      [点我收藏+]

当在文本框中输入关键字,就会搜索出包含关键字的数据

实现:

只需要一个内容过滤即可

<body>
  <input type="text" id="searchbox"/>
  <table>
    <tbody>
      <tr>
        <td>aaa</td>
        <td>bbb</td>
      </tr>
      <tr>
        <td>bbb</td>
        <td>ccc</td>
      </tr>
    </tbody>
  </table>
  <script>
    $(function(){
      $(‘#searchbox‘).keyup(function(){
        $("table tbody tr").hide()
        .filter(":contains("+($(this).val())+")").show();//filter和contains共同来实现这个功能
      })
    })
  </script>
</body>

input keyup的时候实现内容过滤

原文:http://www.cnblogs.com/rachelch/p/7498976.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!