Question

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

谢谢， CHL UK

My Search so far http://www.webquark.co.uk/Search.bmp

图1.0

代码：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();


?>

代码：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建议”。您将找到有关如何执行此操作的一些教程。这是一个：link

Answer 2

您可能需要使每个返回的搜索结果都启用JavaScript，以便使用OnClick将其值填充到输入文本中。将文本输入元素标识为id - 属性将有助于将其定位。我相信你可以弄明白其余的。我开始喜欢JQuery完成这些任务。

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

帮助AJAX PHP和MYSQL Live Search！

2 个答案: