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