Jquery 动态添加字段

我的情况是。。 单击链接（添加类别）时，创建一对select（类别和子类别），用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));
                });
            });
});

$（'.cat'）.change（函数（）{
var Id=$（this.val（）；
var url=Routing.generate（'route_to_retrieve_subcategory'）；
$.post（网址：，
{'idCat'：Id
}，功能（结果）{
var sub=$（'.cat'）.parent（）.find（'select[name*=“[subCategory][]”）；
sub.empty（）；
$.each（结果、函数（键、值）{
附属的
.append（$（“”）
.attr（“value”，value.id）
.文本（值.子类别））；
});
});
});

每个选择类别都有类别“cat”。 如何使其动态化？

您可以使用jQuery中的on（）函数：

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

这基本上会在整个文档中的事件“change”上绑定与选择器“.cat”匹配的任何对象