滚动选择并按 Enter 键进行选择时,jQuery UI 自动建议不起作用

发布于 2024-11-28 08:59:06 字数 1125 浏览 1 评论 0原文

我正在使用 jquery 自动完成。我面临一些问题。

当滚动浏览填充列表中的自动建议并按 Enter 键时 select,它不会触发事件“select”。我正在使用所选值设置隐藏字段。如果我使用鼠标选择该项目,则效果很好。

$(autoSuggestField).autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "../Transport/location",
                dataType: "json",
                data: {
                    "prefix": request.term
                },
                success: function (data) {
                    response($.map(data, function (item) {
                        return {
                            value: item.Name,
                            x: item.Code
                        }
                    }));
                }
            });
        },
        minLength: 0,
        select: function (event, ui) {
            $(codeField).val(ui.item.x);
//sets the value to hidden field.

        },
        open: function () {
            $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
        },
        close: function () {
            $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
        }
    });

I am using jquery autocomplete. I am facing some issues.

When scrolling through autosuggest in the populated list and hitting the enter key to
select, its not firing the event "select". I am setting a hidden field with the value that is selected. This works fine if i select the item using the mouse.

$(autoSuggestField).autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "../Transport/location",
                dataType: "json",
                data: {
                    "prefix": request.term
                },
                success: function (data) {
                    response($.map(data, function (item) {
                        return {
                            value: item.Name,
                            x: item.Code
                        }
                    }));
                }
            });
        },
        minLength: 0,
        select: function (event, ui) {
            $(codeField).val(ui.item.x);
//sets the value to hidden field.

        },
        open: function () {
            $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
        },
        close: function () {
            $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
        }
    });

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

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

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文