javascript - 将 JQuery UI 的不同自动完成添加到动态创建的输入中

Question

更新 1 我需要将自动完成添加到新创建的克隆中。

   $('input[name^="numEmp"]').autocomplete({

    source: Empleados,select: function(event, ui) {$(this).val(ui.item.value);return false;}});         

$('input[name^="servicioNom"]').autocomplete({

    source: Servicios,select: function(event, ui) {$(this).val(ui.item.value);return false;}});




   $(".Nuevo").on("click", function() {
   $(".readdireccion:last").clone().insertAfter(".readdireccion:last").

   find('.emp').autocomplete({
   source: Empleados,select: function(event, ui) {$(this).val(ui.item.value);}}).

   find('input[name^="servicioNom"]').autocomplete({
   source: Servicios,select: function(event, ui) {$(this).val(ui.item.value);}});   



});

似乎无法让他们进去

更新 2！感谢 SALMAN A ！

   $('input[name^="numEmp"]').autocomplete({

    source: Empleados,select: function(event, ui) {$(this).val(ui.item.value);return false;}});         

$('input[name^="servicioNom"]').autocomplete({

    source: Servicios,select: function(event, ui) {$(this).val(ui.item.value);return false;}});




   $(".Nuevo").on("click", function() {
   $(".readdireccion:last").clone().insertAfter(".readdireccion:last")

   $('input[name^="numEmp"]').autocomplete({

    source: Empleados,select: function(event, ui) {$(this).val(ui.item.value);return false;}});         

$('input[name^="servicioNom"]').autocomplete({

    source: Servicios,select: function(event, ui) {$(this).val(ui.item.value);return false;}});


});

希望这可以帮助任何人解决这些问题

Answer 1

看看这个小提琴。在您的情况下，最好不要使用 vanilla JavaScript 来克隆元素。用于jQuery.clone()克隆您的元素；并调用.autocomplete()新创建的元素。同样正如我的评论中所建议的，不要克隆具有（或包含具有）ID 属性的元素的元素。重复的 ID 元素不好。