帮助一个AJAX PHP和MYSQL Live搜索！

Question

我想创建一个为我的网站的Ajax生活搜索。我目前可以查询数据库的标题和我的搜索下显示出来（参见图1.0），但我需要让他们选择，这样，当你选择它们，它将设置的输入值，以该标题，很像上wikipdia搜索维基百科搜索。维基百科的例子是basicly我所期待的。任何帮助将是巨大的。

谢谢， CHL UK

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

图1.0

CODE：PHP DB搜索

    <?

  // 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();


?>

CODE：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让我知道。

Answer 1

您正在寻找被称为一个建议者控制。尝试使用“AJAX建议”谷歌搜索。你会发现在如何做到这一点的几个教程。这里有一个：链接

Answer 2

您可能需要将每返回启用JavaScript的搜索结果，以便用一个onclick它填补它的值写入输入文本。具有带有id属性标识的文本输入元素将有助于瞄准它一下。我敢肯定，你可以计算出其余部分。我开始像jQuery正好与这些类型的任务。

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