Question

我有一个输入框，当你输入时会显示一个名为“advice”的div，并将其与搜索结果一起编译，每个结果都显示在p标签之间。

您可以使用鼠标选择结果，但我希望能够使用向上和向下键选择一个。

到目前为止我已经知道如果你按下建议框再次出现（我知道它已经显示 - 但这是另一个问题），并且注意将焦点添加到第一个p标签。我怎么能拥有它，所以你一直按下它过滤结果让我们说每次添加和删除一类“活动”。上升也显然相同？

我发现了很多随机插件，但它们似乎都很复杂而且体积庞大，无法满足我的需求。

$('#search input#q').keypress(function (e) {
    switch (e.keyCode) {
        // User pressed "up" arrow
    case 38:
        $('#suggestions').fadeOut('fast');
        break;

    case 40:
        // User pressed "down" arrow
        $('#search input#q').blur();
        $('#suggestions').fadeIn();
        $('#suggestions p').focus();

    }
});

由于

Answer 1

Autocomplete是一个支持jQuery团队的小部件。它可以使用箭头键选择并输入。它也是一个简单的插件（具有轻松扩展功能的能力）。

http://jqueryui.com/demos/autocomplete/

干杯， awirick

jquery通过搜索结果上下键导航

1 个答案: