动态添加字段

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”相匹配的任何对象，对事件‘变’绑定在整个文档