Question

我正在创建一个网站，开始学习编码，并建立一个搜索自动填充的搜索网站。该脚本为here。

这非常有效（对于jquery和编码初学者来说，它确实是一个非常简单的脚本！）但是当弹出这些建议时，我希望能够像谷歌那样通过键盘上下移动来控制它们。我怎样才能做到这一点（我只知道关于jquery的最简单的几乎没有:)

非常感谢所有人的帮助！

Answer 1

也许考虑使用jQuerys自己的jQuery-UI库的自动完成： http://jqueryui.com/demos/autocomplete/

默认情况下它有键盘控制。

您可以使用您发布的解决方案中的PHP脚本，如果您按照以下方式修改它：

$db = new mysqli('DB_HOST', 'USERNAME', 'PASSWORD', 'DATABASE_NAME');
//create array to store results
$results = array();

if ($db) {
  if (isset($_POST['queryString'])) {
    $queryString = $db->real_escape_string($_POST['queryString']);
    if (strlen($queryString) > 0) {
      $query = $db->query("SELECT country FROM countries WHERE country LIKE '$queryString%' LIMIT 10");
      if ($query) {
        while ($result = $query->fetch_object()) {
          //add results to array
          $results[] = $result->country;
        }
      }
    }
  }
}
//echo result array as JSON
echo json_encode($results);

有关详细信息，请参阅http://jqueryui.com/demos/autocomplete/#remote

使jquery自动完成也由箭头控制

1 个答案: