jquery - Jquery自动完成响应输入键

Question

我正在使用 jquery 自动完成 UI 小部件，例如：

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

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

具体来说，我希望它在您键入时突出显示最佳匹配，如果您按 Enter，则突出显示的值会被选中。

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

感谢您的任何建议！

Answer 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.
});