Jquery AutoComplete не работает в динамически добавленных полях формы

0

Я повторяю 3 поля в форме, все имеют автозаполнение.

Поля:

    <input type="text" class="input-block-level" Placeholder="College" name="College" />
    <input type="text" class="input-block-level" Placeholder="Course" name="Course" />
    <input type="text" class="input-block-level" Placeholder="Major" name="Major" />
    <a style="cursor: pointer" onclick="AddThisCollege()">Add More </a>

Автозаполнение JS

  $( "input[name='College']" ).autocomplete({
    source: availableTags
  });

  $( "input[name='Course']" ).autocomplete({
    source: availableTags
  });

  $( "input[name='Major']" ).autocomplete({
    source: availableTags
  });

Код AddThisCollege():

$("#CollegeListDiv").append('<br /><div class="CollegeList"> <input type="text" class="input-block-level" Placeholder="College" id="txtCollege" name="College" /> <input type="text" class="input-block-level" Placeholder="Course" id="txtCourse" name="Course" /> <input type="text" class="input-block-level" Placeholder="Major" id="txtMajor" name="Major" /> </div>');

Auto Complete работает для первых трех классов, он не работает для динамически добавленных полей.

Теги:
autocomplete

1 ответ

3
Лучший ответ

Добавьте функцию автозаполнения внутри функции AddThisCollege тоже. Затем добавляется только событие, связанное с динамическими элементами

Попробуй это

 function AddThisCollege(){

   $("#CollegeListDiv").append('<br /><div class="CollegeList"> <input type="text" class="input-block-level" Placeholder="College" id="txtCollege" name="College" /> <input type="text" class="input-block-level" Placeholder="Course" id="txtCourse" name="Course" /> <input type="text" class="input-block-level" Placeholder="Major" id="txtMajor" name="Major" /> </div>');
    $( "input[name='College'],input[name='Course'],input[name='Major']" ).autocomplete({
        source: availableTags
      });
    }
  • 0
    Спасибо @Sridhar, это работает
  • 1
    @HiteshModha рад помочь ;-)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню