Я повторяю 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 работает для первых трех классов, он не работает для динамически добавленных полей.
Добавьте функцию автозаполнения внутри функции 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
});
}
;-)