jquery - 动态添加字段

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 中的 on() 函数：

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

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