Как «подружить» jquery ui autocomplete с динамической формой?

Делаю динамическую форму с автозаполнением значения из БД.
<FORM class = "filmfields" name = "edit" method="post" action = "<?=$_SERVER['REQUEST_URI']?>" enctype="multipart/form-data">
<INPUT type = "text" name = "name[]" id= "name" value = "" size = "50"><BR>
<SCRIPT>_tmpl_name='<INPUT type = "text" name = "name[]" id= "name" value = "" size = "50"><BR>';</SCRIPT>
<INPUT type = "button" value = "+" onclick = "$(this).before(_tmpl_name);">
</FORM>

Автозаполнение работает только на поле, которое загружается сразу.
Как правильно "прикрутить" автозаполнение к тем элементам формы, которые появятся после нажатия на кнопку "+"?
  • Вопрос задан
  • 3015 просмотров
Решения вопроса 1
kandkonst
@kandkonst Автор вопроса
А теперь внимание! Правильный ответ:
$(document).on("focus",[selector],function(e) {
    if ( !$(this).data("autocomplete") ) { // If the autocomplete wasn't called yet:
        $(this).autocomplete({             //   call it
            source:['abc','ade','afg']     //     passing some parameters
        });
    }
});

var count = 0;
$(cloneButton).click(function() {
    var newid = "cloned_" + (count++); // Generates a unique id
    var clone = $(source) // the input with autocomplete your want to clone
        .clone()
        .attr("id",newid) // Must give a new id with clone
        .val("") // Clear the value (optional)
        .appendTo(target);
});


Источник
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы