jQuery自動完成 - 關鍵到結果

Question

我正在用單個文本框字段創建一個簡單的自動完成表單。在每個關鍵字上，我循環訪問數據庫表並填充位於文本框正下方的DIV（#listKeywords）。

這裏是什麼結果的樣子......

<div id="listKeywords"> 
    <div class="acListItem">Product 1</div> 
    <div class="acListItem">Product 2</div> 
    <div class="acListItem">Product 3</div> 
</div> 

如果我點擊任何一個結果，這個結果填充文本框（如需要）。 如果我按下鍵盤上的向下箭頭，則什麼都不會發生。

問：如何將鍵盤功能合併到按下向下箭頭的位置，並將焦點放在listKeywords DIV中的第一項/產品上？

Answer 1

聽起來像你一樣，只需處理文本框的按鍵事件，並用特殊的類改變你的div項，使它看起來好像他們被選中。