Autocomplete не работает для двух элементов с одинаковым идентификатором

Question

У меня есть 2 input s с типом «текст», с тем же именем и с тем же именем (например, с копией-парой), и моя проблема в том, что когда я использую автозаполнение, только первый будет активировать автозаполнение, а второй - нет. Мне нужна помощь, чтобы вторая была активирована, используя тот же идентификатор и одно и то же имя, что и первая.

Это мой код:

<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

Вы должны дать входы уникальные идентификаторы и вызвать автозаполнения, как это:

<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.