jquery自動完成不工作在動態添加的表單字段

Question

我重複表單中的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>'); 

自動完成工作的前三個年級，它不是動態添加工作領域。

Answer 1

添加您的自動完成功能在裏面AddThisCollege功能too.then只連接到動態元素

事件試試這個

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 
     }); 
    }