javascript - 多个 JQuery UI 自动完成选择

Question

我找到了这个演示autocomplete select ，代码效果很好。我的页面中需要有多个自动完成功能，但 jQuery 自动完成功能不适用于多个 <select> (第一个)。

<select  id="combobox" name = "type">
<option>...
<option>...
<option>...
</select>
<select  id="combobox" name = "status">
<option>...
<option>...
<option>...
</select>

我是 jQuery 新手。我自己无法解决这个问题，希望有人能帮助我。

Answer 1

我确实发现解决方案非常简单，我需要做的就是为我拥有的额外选择声明更多 id，因此在 JQuery UI 源中转到此脚本

    $(function() {
    $("#combobox").combobox();
    $("#toggle").click(function() {
        $("#combobox").toggle();
    });
});

并添加额外的选择 ID，如下所示

    $(function() {
    $("#combobox").combobox();
    $("#combobox2").combobox();
    $("#toggle").click(function() {
        $("#combobox").toggle();
    });
});

所以现在你需要做的就是用它自己的 id 调用每个 select

<select  class="combobox" name = "type">
<option>...
<option>...
<option>...
</select>
<select  class="combobox2" name = "status">
<option>...
<option>...
<option>...
</select>