我有一个显示结果的HTML页面。结果显示在一个用ajax调用的表中,如下面的代码所示。
如何创建一个搜索框,用户可以在其中输入名称,然后表格会发生变化,只显示带有该名称的结果:
实施例
我的表在html网站上看起来像这样:
位置: 名称:
1 奥迪
2 BMW
3 奥迪x
现在我希望有一个搜索框:
类型名称:AUDI< ---用户类型
现在表格应该是
位置: 名称:
1 奥迪
3 奥迪x
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.ajaxSetup({ cache: false });
setInterval(function() {
$('#results').load('branje_sablon.php');
}, 3000);
});
</script>
<div id="results"></div>
编辑:
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.ajaxSetup({ cache: false });
$(document).ready( function () {
$('#results').DataTable('branje_sablon.php');
} );
</script>
<div id="results">Loading data ...</div>