如何让jquery在按向上和向下时自动完成选择一个项目

发布于 2024-10-01 20:02:06 字数 146 浏览 3 评论 0原文

当我使用 jquery 自动完成时,每次输入内容时,都会自动选择列表的第一项。例如,如果列表 if [ajax、asp、autocomplete],当我键入“a”时,这三个项目将显示,并且第一个项目会突出显示。这是一种在我按 up 或 down 之前不会突出显示任何项目的方法。

when I use jquery autocomplete, everytime I type something , first item of the list is automatically selected . For instance , if the list if [ ajax , asp , autocomplete ] , when I type 'a' , these three will show up and the first item is highlighted . Is a way that no item is highlighted until I press up or down .

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

じее 2024-10-08 20:02:06

尝试将其添加到选项中:

highlight: false

或者,您可能想尝试一下,甚至另外尝试:

selectFirst: false

Try adding this to the options:

highlight: false

Alternatively, you might want to try this instead or even additionally:

selectFirst: false
小忆控 2024-10-08 20:02:06

您需要实现 Keyup 和 Keydown 事件,

我为您提供了我项目中的代码,请看看它是否有用

switch (key) {
            case KEYUP:
                if (me.highlighted > 0) {
                    me.highlighted--;
                }
                else {
                    $('#txtSearch').val(userSearchTerm);
                    me.highlighted = -1;
                }
                if ($('.searchSuggest').css('display') != 'none') {
                    me.changeHighlight(key);
                }
                break;

            case KEYDN:
                if (me.highlighted < $('.ssg_results .ssgItem').length - 1) {
                    me.highlighted++;
                }
                if ($('.searchSuggest').css('display') != 'none') {
                    me.changeHighlight(key);
                }
                break;
        }

You need to implement Keyup and Keydown events

I gave you code from my project , please see if it useful

switch (key) {
            case KEYUP:
                if (me.highlighted > 0) {
                    me.highlighted--;
                }
                else {
                    $('#txtSearch').val(userSearchTerm);
                    me.highlighted = -1;
                }
                if ($('.searchSuggest').css('display') != 'none') {
                    me.changeHighlight(key);
                }
                break;

            case KEYDN:
                if (me.highlighted < $('.ssg_results .ssgItem').length - 1) {
                    me.highlighted++;
                }
                if ($('.searchSuggest').css('display') != 'none') {
                    me.changeHighlight(key);
                }
                break;
        }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文