javascript - 自动完成不适用于具有相同 id 的两个元素

Question

这个问题已经有答案了:

using multiple id in jquery (3 个回答)

已关闭 8 年前。

我有 2 input s 具有“文本”类型，相同的 ID 和相同的名称(如复制粘贴)，我的问题是当我使用自动完成时，唯一的第一个将被激活自动完成，但第二个则不会。我需要一些帮助才能通过使用与第一个相同的 ID 和名称来激活第二个。

这是我的代码:

<script> 
    $(function() {
        $('#id').autocomplete({
            source: "show.php",minLength: 2,
            select: function( event, ui ) {
                $('#name').val(ui.item.name);
            }
        });
</script>

<input type="text" class="code" id="id" name="customFieldName[]" value="" placeholder="รายชื่อยา" />

<input type="text" class="code" id="id" name="customFieldName[]" value="" placeholder="รายชื่อยา" />

Fiddle .

Answer 1

您应该为输入提供唯一的 ID 并调用自动完成，如下所示:

<script> 
    $(function() {
        $('#id, #id2').autocomplete({
            source: "show.php",minLength: 2,
            select: function( event, ui ) {
                $('#name').val(ui.item.name);
            }
        });
</script>

<input type="text" class="code" id="id" name="customFieldName[]" value="" placeholder="รายชื่อยา" />

<input type="text" class="code" id="id2" name="customFieldName[]" value="" placeholder="รายชื่อยา" />