Я пытаюсь сделать автозаполнение в добавленном поле. Пример:
Я добавляю динамические поля в форму, нажимая ссылку с id = «add_field»
var counter = 0;
$(function(){
$('a#add_field').click(function(){
counter += 1;
$('#container').append(
'<input id="field_' + counter + '" name="dynfields[]' + '" class="name" type="text" /><br />' );
});
});
сделать автозаполнение поля
$(document).ready(function(){
$("input[class=name]").autocomplete({
source:'searches/product_autocomplete.php',
minLength:2
});
});
Однако это не делает автозаполнение.
Я пробовал это в статическом поле с class = «name», и это работает. Но это не работает в динамических полях.
Вы можете прикрепить автозаполнение к новому элементу при его создании:
$(document).ready(function () {
var counter = 0;
$('#add_field').click(function () {
counter += 1;
$('<input id="field_' + counter + '" name="dynfields[]' + '" class="name" type="text" /><br />')
.appendTo($('#container'))
.autocomplete({
source: 'searches/product_autocomplete.php',
minLength: 2
});
});
});
Если вы добавляете динамический HTML, он не загружается в DOM при загрузке страницы. Вам может понадобиться прикрепить событие после загрузки страницы.
пытаться:
var counter = 0;
$(function(){
$("#dataTable tbody" )on('click', 'tr', function()
{
counter += 1;
$('#container').append(
'<input id="field_' + counter + '" name="dynfields[]' + '" class="name" type="text" />
<br />' );
}); });