3

我有一个输入框，当您键入时会显示一个名为“建议”的 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();

    }
});

谢谢

4

1 回答 1

1

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

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

干杯，awirick

于 2010-09-23T19:07:04.247 回答