jquery-ui - 获取 jQuery 自动完成组合框的下拉部分

Question

我想获得与自动完成列表相对应的 html 元素，即在我输入 jQuery 组合框的输入元素时打开的下拉部分。我将如何使用 jQuery 获得这个下拉元素？

Answer 1

如果您在谈论 jQueryUI 自动完成，您可以使用以下方法访问menu' 元素：

$('autocomplete_selector').data("autocomplete").menu.element;

因此，在open事件的上下文中，您可以执行以下操作：

$("input").autocomplete({
    open: function (event, ui) {
        // menu is a jQuery object.
        var menu = $(this).data("autocomplete").menu.element;
    }
});

示例：http: //jsfiddle.net/PvgGw/

---

对于组合框小部件，您需要再跳几圈，因为它input是动态生成的：

$("combobox_selector")
    .data("combobox")
    .wrapper
    .find("input")
    .data("autocomplete")
    .menu
    .element;