JQuery плагин автозаполнения пользовательского интерфейса с несколькими полями с одинаковым идентификатором

Question

Я пытаюсь использовать плагин автозаполнения jQUery-UI со списком входов с одинаковым идентификатором.

Список выглядит так:

<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>
<input type="text" name="cod[]" id="cod"/>

Моя функция script.js выглядит следующим образом:

$("#cod_prod").autocomplete({
source:getCods
});

Где getCods - это функция, которая загружает данные из БД с помощью метода $ .ajax jQuery.

Эта работа, я пробую это в другом входе ... но когда я пытаюсь использовать этот список из нескольких полей ввода, плагин работает только с первым полем.

Есть идеи, как мне это сделать?

Заранее спасибо

Answer 1

ID должны быть уникальными.Используйте class.Поскольку ваши идентификаторы не уникальны, поэтому он работает только с первым экземпляром в DOM.

<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>
<input type="text" name="cod[]" class="cod"/>


$(".cod").autocomplete({
   source:getCods
});