Javascript 如何创建包含自动完成框的模式弹出窗口以选择条目？

可以用Javascript创建包含JQueryUI自动完成的某种模式框吗

用户将单击图标，框将打开，用户将选择一个值，javascript将检索该值并在

中进行设置

---

如果是，我应该如何进行？有代码示例吗

是的，这是可能的。只需将自动完成输入放入jquery对话框模式html中，例如：

<div id="dialog-form" title="Search">
    <div class="ui-widget">
        <label for="tags">Tags: </label>
        <input id="tags" />
    </div>
</div>

<button id="open-search">Open search</button>

<div id="result"></div>

---

下面是一个完整的例子：

是的，这是可能的。您可以在jquery对话框中使用jquery的自动完成功能。

$("#dialog-form").dialog({
    autoOpen: false,
    modal: true,
    close: function() {
        var value = $("#tags").val();
        $("#result").html(value);
    }             
});

$("#tags").autocomplete({
    source: ["ActionScript", "AppleScript", "Asp"]
});

// Maybe use this on your icon, to open the modal.
$("#open-search").click(function() {
    $("#dialog-form").dialog("open");
});