jquery-ui - jQueryオートコンプリートコンボボックスのドロップダウン部分を取得します

Question

オートコンプリートリストに対応するhtml要素、つまりjQueryコンボボックスの入力要素に入力すると開くドロップダウン部分を取得したいと思います。jQueryを使用してこのドロップダウン要素を取得するにはどうすればよいですか？

Answer 1

jQueryUI オートコンプリートについて話している場合は、次を使用してmenu's 要素にアクセスできます。

$('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;