Jquery自动完成响应输入密钥

时间:2010-09-30 20:49:52

标签: jquery autocomplete key highlight enter

我正在使用jquery自动填充UI小部件,例如:

var names = ["John", "Jack", "Nick", "Tom", "Joyce", "Nancy"];
$("#nameInput").autocomplete({
    source: names
});

我希望它的行为类似于Gmail的“收件人”文本框。

具体来说,我希望在您输入时突出显示最佳匹配,如果按Enter,则会突出显示突出显示的值。

换句话说,我不想使用上/下箭头或鼠标进行选择。

感谢您的任何建议!

1 个答案:

答案 0 :(得分:1)

由于您在键入时会生成自动填充过滤器,因此您只需要自动突出显示第一个结果。

//PSEUDO CODE
$('input').autocomplete({
  source: //your code to link to the source,
  open: //your code to select the first element, I cannot see there is a built-in method to select the first option, but you could firebug the menu and use css class to target the correct element.
});