记得以前写过一个预定表格~~~~~比这个更难，一大串前端js~~~忘了~~~好记性不如烂笔头~~记录下，既帮助别人，也帮助自己~~~
实现思路~通过.on监听input标签的内容变化，通过this获取到val，通过.hide隐藏未匹配标签~~~大致这样
<input type="text" class="form-control" id="item_keyword" name="item_keyword" placeholder="请输入关键字查找">
<script src="/static/js/jquery-3.1.1.min.js"></script> <script > /* 实时搜索框,及点击按钮全选\取消*/ $(‘#item_keyword‘).on(‘input propertychange‘, function() { console.log( $(this).val()); $(‘table tbody tr‘).hide() .filter(":contains(‘" + ($(this).val()) + "‘)") .show(); }); </script>
原文：https://www.cnblogs.com/Dream-huang/p/10883108.html
