Как работает автозаполнение нескольких идентификаторов

Question

Как работает автозаполнение нескольких идентификаторов? автозаполнения работа на первый вход: Имя, но не работает на второй вход: Тип

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 основан на идентификаторе элемента, измените его на класс, как .tags, потому что браузер обычно рассматривает только первый элемент с тем же идентификатором, но для класса он рассмотрит все элементы.

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

Answer 2

Вы не можете иметь 2 элементов с одинаковыми идентификаторами, не действует и не будет работать, как идентификаторы селекторы не обрабатывает более одного элемента.

Вы должны использовать классы 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>