Question

我的情况是这个.. 单击链接（添加类别）创建一对使用ajax调用填充的select（category和subcategory）。问题是我必须这样做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”类。我怎样才能让这种动态变化？

Answer 1

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

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

这基本上将绑定任何与选择器'.cat'匹配的对象，整个文档中的'change'事件

动态添加字段

1 个答案: