jquery - 自动完成多个 id 的工作原理

Question

自动完成多个ID如何工作？第一个输入的自动完成工作：名称但不适用于第二个输入：类型

jQuery代码：

$(function() {

    $("#tags_1").autocomplete({
        source: "http://localhost/bizaccount/check",
        minLength: 1,
    });

});

html代码：

<td><input id="tags" name="name" type="text" value=""></td>
<td><input id="tags" name="type" type="text" value=""></td>

任何解决方案？

Answer 1

看来您的 jQuery 选择器基于元素的 ID，将其更改为类，.tags因为浏览器通常只考虑具有相同 id 的第一个元素，但对于类，它将考虑所有元素。

$(".tags").autocomplete({
        source: "Check",
        minLength: 1,
    });

Answer 2

你不能有 2 个元素具有相同的 id，它是无效的，并且不会工作，因为 id 选择器永远不会处理多个元素。

您应该使用 css 类并使用.tags选择器调用自动完成功能。

$(".tags").autocomplete({
    source: "http://localhost/bizaccount/check",
    minLength: 1,
});

<td><input class="tags" name="name" type="text" value=""></td>
<td><input class="tags" name="type" type="text" value=""></td>