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项，使它看起来好像他们被选中。