从结果中选择时，jQuery 自动完成结果下的输入被激活

发布于 2024-10-06 15:05:34 字数 190 浏览 2 评论 0原文

当我开始输入物种名称时，我正在寻找带有下拉菜单和一些结果的 jQuery 自动完成小部件。伟大的！！

唯一的问题是，当我从列表中选择一个项目时，“位于该列表项下的输入元素被激活”。并导致顶部出现一个 Android 原生下拉菜单。我尝试在自动完成结果框和输入元素上使用 z 索引。都不起作用。

有人有什么想法吗？

原文

分享到QQ

分享到微博

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

发布评论

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

我的影子我的梦 2024-10-13 15:05:34

好吧，传播和 z 索引似乎都不能解决问题。

我发现的唯一方法是将其他字段（除了自动完成的字段之外的所有字段）设置为禁用模式。

因此，当自动完成框打开时，我将所有其他输入设置为禁用，并在框关闭后重置它们：

$("#venue_name").autocomplete({
    minLength: 2,
    source: venueData,
    open: function(event, ui) { // disable other inputs
        $("input#venue_address").attr("disabled", "disabled");
        $("input#venue_cross_street").attr("disabled", "disabled");
        $("input#venue_city").attr("disabled", "disabled");
    },
    close: function(event, ui) { // re-enable other inputs
        $("input#venue_address").removeAttr("disabled");
        $("input#venue_cross_street").removeAttr("disabled");
        $("input#venue_city").removeAttr("disabled");
    }
});

您可以改进上面的代码，例如，通过将要禁用的元素放入数组等中，但基本逻辑保持不变相同：禁用元素，以便 android 在激活自动完成框时不会突出显示它们，并在自动完成框退出后重新启用它们。

Well, nor propagation nor z-indexes seem to solve the problem.

The only way I found is to set other fields (that's all except for one being auto-completed) to disabled mode.

So, when auto-complete box is opened, I set all other inputs to disabled, and reset them once the box closes:

$("#venue_name").autocomplete({
    minLength: 2,
    source: venueData,
    open: function(event, ui) { // disable other inputs
        $("input#venue_address").attr("disabled", "disabled");
        $("input#venue_cross_street").attr("disabled", "disabled");
        $("input#venue_city").attr("disabled", "disabled");
    },
    close: function(event, ui) { // re-enable other inputs
        $("input#venue_address").removeAttr("disabled");
        $("input#venue_cross_street").removeAttr("disabled");
        $("input#venue_city").removeAttr("disabled");
    }
});

You can improve the code above, say, by putting elements to be disabled into array etc, but the basic logic stays the same: disable elements, so that android doesn't highlight them when auto-complete box is activated, and re-enable them once auto-complete box is out.

回复收藏 0 原文