我创建了一个简单的搜索引擎,但我希望每当我搜索名称时它会按原样显示在表格中。事情是其他数据只会隐藏,我不知道该怎么办。 这是我的Html代码。
<form name="view" method="post" div class="frm1">
<table align="center" class="record_table" >
<tr bgcolor="#006600" height="50" style="color:#FFF;">
<th> </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>";
?>
答案 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."%'; ");