jQuery自动完成-向下键入结果

jQuery自动完成-向下键入结果,jquery,autocomplete,Jquery,Autocomplete,我正在用一个文本框字段创建一个简单的自动完成表单。在每个keyup中,我循环遍历一个DB表并填充一个DIV(#listKeywords)——位于文本框的正下方 下面是结果的样子 <div id="listKeywords"> <div class="acListItem">Product 1</div> <div class="acListItem">Product 2</div> <div class="

我正在用一个文本框字段创建一个简单的自动完成表单。在每个keyup中,我循环遍历一个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>

产品1
产品2
产品3
如果单击任何结果,该结果将填充文本框(根据需要)。 如果我按下键盘上的向下箭头,什么也不会发生


问:我如何将键盘功能整合到按下向下箭头并将焦点放在listKeywords DIV中的第一个项目/产品上?

在我看来,您只需处理文本框的键控事件,并使用一个特殊类更改DIV项目,使其看起来像是被选中的

您是否有理由不想使用许多现有的自动完成插件中的一个,例如: