附加字段中的自動完成

Question

我試圖在附加字段中進行自動填充。例如：

1. 我點擊使用id = 「add_field」 鏈接添加動態字段的形式

   var counter = 0; 
   $(function(){ 
       $('a#add_field').click(function(){ 
       counter += 1; 
       $('#container').append(
        '<input id="field_' + counter + '" name="dynfields[]' + '" class="name" type="text" /><br />'); 
       }); 
   }); 
   

2. 製造商區域自動完成

   $(document).ready(function(){ 
       $("input[class=name]").autocomplete({ 
       source:'searches/product_autocomplete.php', 
       minLength:2 
       }); 
   }); 
   

但是它不做自動完成。
我已經在類=「名稱」的靜態字段中試過這個，它的工作原理。但它在動態字段中不起作用。

Answer 1

你可以在創建它的自動完成安裝到新的元素：

$(document).ready(function() { 
     var counter = 0; 
     $('#add_field').click(function() { 
      counter += 1; 
      $('<input id="field_' + counter + '" name="dynfields[]' + '" class="name" type="text" /><br />') 
       .appendTo($('#container')) 
       .autocomplete({ 
        source: 'searches/product_autocomplete.php', 
        minLength: 2 
       }); 
     }); 
    }); 

Answer 2

如果您要添加動態HTML，那麼在頁面加載時不會將其加載到DOM中。您可能需要在頁面加載後附加一個事件。

嘗試：

var counter = 0; 
$(function(){ 
    $("#dataTable tbody")on('click', 'tr', function() 
    { 
     counter += 1; 
     $('#container').append(
     '<input id="field_' + counter + '" name="dynfields[]' + '" class="name" type="text" /> 
     <br />'); 
}); });