TP5 三级联动

html

   *商品分类：
   

      
         
            请选择一级分类
            {foreach $category as $v}
            {$v.cate_name}
            {/foreach}
         
      
      
         
            请选择二级分类
         
      
      
         
            请选择三级分类
         
      
   





js

$('#cate_one').change(function(){
   var pid = $(this).val();
   $.ajax({
      'url':'{:url("category/getSubCateByPid")}',
      'type':'post',
      'data':{'pid':pid},
      'dataType':'json',
      'success':function(response){
         if(response.code != 10000){
            alert(response.msg);return;
         }
         var str = '请选择二级分类';
         $.each(response.data, function(i,v){
            str += '' + v.cate_name + '';
         });
         $('#cate_two').html(str);
      }
   });
});
$('#cate_two').change(function(){
   var pid = $(this).val();
   $.ajax({
      'url':'{:url("category/getSubCateByPid")}',
      'type':'post',
      'data':{'pid':pid},
      'dataType':'json',
      'success':function(response){
         if(response.code != 10000){
            alert(response.msg);return;
         }
         var str = '请选择三级分类';
         $.each(response.data, function(i,v){
            str += '' + v.cate_name + '';
         });
         $('#cate_three').html(str);
      }
   });
});
$('#cate_three').change(function(){
   var cate_id = $(this).val();
   $.ajax({
      'url':'{:url("brand/getBrandByCateId")}',
      'type':'post',
      'data':{'cate_id':cate_id},
      'dataType':'json',
      'success':function(response){
         if(response.code != 10000){
            alert(response.msg);return;
         }
         var str = '请选择商品品牌';
         $.each(response.data, function(i,v){
            str += '' + v.name + '';
         });
         $('#brand').html(str);
      }
   });
});

后台