在PHP表中实时搜索

时间:2014-03-10 17:27:39

标签: php jquery html-table

我创建了一个简单的搜索引擎,但我希望每当我搜索名称时它会按原样显示在表格中。事情是其他数据只会隐藏,我不知道该怎么办。 这是我的Html代码。

<form name="view" method="post" div class="frm1">
<table align="center" class="record_table" >
<tr bgcolor="#006600" height="50" style="color:#FFF;">
  <th>&nbsp;</th>
  <th>Name</th>
  <th>Email</th>
  <th>Packages</th>
  <th>Contactno</th>
  <th>Gender</th>
  <th>File</th>
  <th>Address</th>
  <th>Action</th>
</tr>
Search:
<input type="text" size="20" name="search" onKeyup="srch();">
<div id="d1"</>
<script>
function srch()
{
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","dbsearchfile.php?view="+document.view.search.value,false);
xmlhttp.send(null);
document.getElementById("d1").innerHTML=xmlhttp.responseText;
}
</script>

这是我的PHP代码。

<?php
$view=$_GET['view'];
mysql_connect("localhost","root","");
mysql_select_db("pm");
$res=mysql_query("select * from tblreservation where Name like ('$view%');");
echo "<table>";
while($row=mysql_fetch_array($res))
{
echo "<tr>";
echo "<td>";
echo "<div class=frm1>";
echo "<a href='#'>". $row['Name'] . "</a>";
echo "</td>";
echo "</tr>";
}
echo "</table>";
?>

2 个答案:

答案 0 :(得分:0)

我觉得在PHP方面这样做太复杂了。我建议使用jQuery.FilterTable插件留在客户端并在那里进行过滤。您将获得实时搜索而无需重新加载页面。但是使用Ajax可以重新获取。

插件:http://sunnywalker.github.io/jQuery.FilterTable/

演示:http://sunnywalker.github.io/jQuery.FilterTable/filtertable-sample.html

答案 1 :(得分:0)

请参阅:

<div id="d1"</>

正确:

<div id="d1"></div>

$res=mysql_query("select * from tblreservation where Name like ('$view%');");

建议:

$res=mysql_query(" select * from tblreservation where Name like '".$view."%'; ");