PHP / Javascript - 即时搜索，但不同？
我有一个带有空白搜索栏的页面，然后是一堆表格下方的联系人。每个联系人都是一个div。
我希望能够在将文本输入搜索栏时过滤联系人表格。 （例如，如果在搜索栏中输入“Fran”，您只会在其名称中看到“Fran”的联系人。如果“Fran”被删除，则所有会返回默认值。）
这可能吗？怎么样？ （我找到了一个即时搜索diy指南，但它只能按照谷歌的方式工作，搜索栏下方有一个下拉菜单。）
没有找到相关结果
已邀请:
4 个回复
屉杆绊
嘘崇蔡对
眠缝
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Search</title> <script src="http://code.jquery.com/jquery-1.4.4.js"></script> <script> $(document).ready(function(){ $(".searchbox").keypress(function(){ $("div").each(function(){ if($(this).text() == $(".searchbox").val()){ $(this).hide("fast"); }; }); }); }); </script> </head> <body> <form><input type="text" class="searchbox"></form> <div>Susan</div> <div>Fran</div> <div>Dave</div> </body> </head> </html>嘘伪
<script type="text/javascript"> $(document).ready(function() { $("#search").keyup(function() { // Get the search value var searchValue = $(this).val(); // If no value exists then show all divs if(searchValue === "") { $(".your_div").show(); return; } // Initially hide all divs $(".your_div").hide(); // Now show any that contain the search value $(".your_div:contains('" + searchValue + "').show(); }); }); </script>