ajax - 如何在创建的下拉列表中使用相同的 ajax 调用

Question

亲爱的，我有一个表来显示类别列表，我需要添加无限的下拉列表，该下拉列表将像类别 A 类别 B 一样从父级嵌套，如果选择 B，它将添加另一个下拉列表并将其添加到数据库中并将添加另一个下拉列表 sub b1 ， sub 2 ，如果用户选择 sub 2 也会这样做

任何人都可以帮助 $(document).ready(function(){

        //$('.form-control').change(function(){ 

         $('select.form-control').on('change', function () {
             var selectedCategory = $(this).children("option:selected").val();

             var counter = 1;
          //alert( $(this).find('option:selected').text());
         //var deptid = $('#category option:selected').attr("id");
              var name = "Sub "+ $(this).children("option:selected").text();

         if(selectedCategory!=''){

           $.ajax({
                 url: "<?php echo base_url(); ?>category/add_new",
                 type: 'POST',
                 data: {'category_parent':selectedCategory,'category_name':name},
                 dataType: 'json',
                 async: false ,
                 cache:false,
                 success:function(data){
                   alert(data);
                   if($('#category'+data).length)
                          return;
                      else{
                           $("#groupd").after('<div id="sub'+data+'" class="form-group">' +
                       '<label>' +name +' : </label>' +
                       '<select class="form-control" name="dropdown' + counter + '"  id="category'+data+'">' +
                        // Add your options here...
                       '<option>Please Select</option>'+
                       '<option value="'+data+'">'+name +'1</option>'+
                       '<option value="'+data+'">'+name +'2</option>'+
                       '</select></div>');
                        counter++; 
                      }
                   },

                error:function(){
                      alert('error');
                }
    });
         }


        }); 

    });
</script>

标签： ajaxcodeigniter