動態添加字段

Question

我的情況是這樣的。 點擊鏈接（添加類別）創建一對選擇（類別和子類別），填充ajax調用。 問題是我必須這樣做n次我點擊鏈接添加類別。 我試過，但它僅適用於第一：

$('.cat').change(function(){ 
      var Id = $(this).val();   
      var url = Routing.generate('route_to_retrieve_subcategory'); 

      $.post(url, 
      { 'idCat': Id 
      }, function(results){ 
       var sub = $('.cat').parent().find('select[name*="[subCategory][]"]'); 
       sub.empty(); 
       $.each(results , function(key, value) { 
        sub 
        .append($("<option></option>") 
        .attr("value",value.id) 
        .text(value.subCategory)); 
       }); 
      }); 
}); 

每個選擇類有類「貓」。 我該如何使這種動態？

Answer 1

您可以在（）函數中使用jQuery的距離：

$(document).on('change', '.cat', function() { 
    //your logic goes here... 
}); 

這基本上會選擇「的.cat」相匹配的任何對象，對事件‘變’綁定在整個文檔