jQuery AutoComplete在动态添加的表单字段中不起作用 [英] Jquery AutoComplete is not working in dynamically added form fields

问题描述

我要重复3个表单字段，所有字段都具有autoComplete.

I am repeating 3 fields in form, All are having autoComplete.

字段:

    <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()代码:

AddThisCollege() Code:

$("#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 is working for first three classes, it is not working for dynamically added fields.

推荐答案

也将您的自动完成功能添加到AddThisCollege函数中.然后，仅将事件附加到动态元素

Add your autocomplete function in inside AddThisCollege function too.then only event attached to dynamic elements

尝试一下

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

这篇关于jQuery AutoComplete在动态添加的表单字段中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！