1

我正在尝试为我的网站创建 Ajax 实时搜索。我目前可以在数据库中查询标题并在我的搜索下显示它们（见图 1.0）但是我需要使它们成为可选的，这样当你选择它们时，它会将输入值设置为该标题，非常类似于 wikipdia 搜索维基百科搜索。维基百科的例子基本上就是我要找的。任何帮助都会很棒。

谢谢， CHL 英国

到目前为止我的搜索 http://www.webquark.co.uk/Search.bmp

图 1.0

代码：PHP 数据库搜索

    <?

  // Get value coming from request
  $search = mysql_real_escape_string ($_GET['search']);


  // Connect to DB
  mysql_connect("localhost", "****", "****") or die(mysql_error()) ;
mysql_select_db("*****") or die(mysql_error()) ;
 $result = mysql_query("SELECT * FROM dbArticle WHERE title LIKE '%$search%' OR type LIKE '%$search%'  OR username LIKE '%$search%'");
  while($row = mysql_fetch_array($result))
  // Check if name exists in table
  if (!empty($row['title'])) {
  echo "".$row['title']."<br />";}
  if (!empty($row['type'])) {
  echo "".$row['type']."<br />";}
  if (!empty($row['username'])) {
  echo "".$row['username']."<br />";}
   //Close connection
  mysql_close();


?>

代码：PHP搜索输入

<div id="navSearch">
  <form method="post" action="index.php?pageContent=search">
  <li><input type="text" maxlength="30" size="22" name="search" onkeyup="send_requestSearch(this);"/> </li>
  <li><input type="submit" value="Search" name="submit"/></li>
  <div class="liveSearch" id="livesearch"></div>
  </form>

如果您需要查看我的 Javascript，请告诉我。

4

2 回答 2

2

您正在寻找的控件称为建议器。尝试在谷歌搜索“ajax 建议”。您将找到一些有关如何执行此操作的教程。这是一个：链接

于 2009-02-28T16:20:23.690 回答
0

您可能需要使每个返回的搜索结果都启用 JavaScript，以便通过 OnClick 将其值填充到输入文本中。id使用-property标识 text-input 元素将有助于定位它。我相信你可以弄清楚其余的。我已经开始喜欢使用 JQuery 来完成这些类型的任务了。

您可能还希望结果具有 CSS 规则“ cursor: pointer”，以便它看起来像一个可点击的项目。

于 2009-02-28T16:22:31.750 回答