Question

我有2个input个“文字”类型，相同的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="รายชื่อยา" />

Answer 2

您不能使用两个相同的id。 Id必须是唯一的。如果您想使用两个相同的名称，则必须使用class而不是id。

自动填充功能不适用于具有相同ID的两个元素

2 个答案: