単一のテキスト ボックス フィールドを持つ単純なオートコンプリート フォームを作成しています。キーアップのたびに、DB テーブルを循環し、テキスト ボックスのすぐ下にある DIV (#listKeywords) に入力します。
結果はこんな感じ…
<div id="listKeywords">
<div class="acListItem">Product 1</div>
<div class="acListItem">Product 2</div>
<div class="acListItem">Product 3</div>
</div>
結果のいずれかをクリックすると、その結果がテキストボックスに入力されます (必要に応じて)。キーボードの下矢印を押しても、何も起こりません。
Q: 下向き矢印を押して listKeywords DIV の最初のアイテム/製品にフォーカスを移動する場所にキーボード機能を組み込むにはどうすればよいですか?