使jquery自動完成也被箭頭控制

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更多細節