多个 JQuery UI 自动完成选择答案

【问题标题】：Muliple JQuery UI autocomplete select多个 JQuery UI 自动完成选择
【发布时间】：2019-05-21 14:15:01
【问题描述】：

我发现了这个演示 autocomplete select，代码运行良好。我需要在我的页面中有多个自动完成功能，但 jQuery 自动完成功能不适用于多个 <select>（第一个）。

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

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

【问题讨论】：

标签： javascript jquery jquery-ui autocomplete

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

ID必须是唯一的。改用类。

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

【讨论】：

我已经尝试过了，但是 class="combobox" 没有应用自动完成，它必须是 id。我认为唯一的可能性是更改 JQuery 代码
不，它不必使用 ID。你为什么不为你遇到的问题创建一个 jsFiddle.net 示例，以便我们都能看到并重现它。
jsfiddle.net/hJCU4/1 你可以尝试使用 class 而不是 id 但是这很好用这个代码工作正常但是如果你可以更好地发布它（jsfiddle似乎不支持所有的样式通常自动完成看起来很多更好，但这不是重点）