商品添加-选择商品类型自动加载商品属性

选择商品的类型，在下面将多对应的商品的类型的属性加载出来，如图所示：

  

开始代码时刻，这个很明显要使用ajax了，还是先展示一下数据表，这样更好理解一些，

一个商品的类型表  sp_types

然后是商品的属性表sp_attr

可以看到商品的类型表中的id对应的是商品属性表中的type_id

所以当选择商品下拉列表中的某一项的时候可以根据当前商品的id去查询多对应的商品的属性

$("#type_name").change(function() {

   //  切换时事件执行的时候需要先获取商品的id值

  var type_id = $(this).val();

$.ajax({

       type : "GET",

      url : "__CONTROLLER__/getAttr/type_id/" + type_id,

      dataType : "json",

     success : function(data) {

        html = "":

        $("#attr").html("");

        $(data).each(function(k.v) {

         html += "<div class="form-group"><label for="level_name" class="col-sm-2 control-label no-padding-right">"+v.attr_name+"</label><div class="col-sm-6" id="attr"><input class="form-control" id="level_name" placeholder="" name="level_name[{$vo.id}]" type="text"></div></div>";

     

});

     $("#attr").append(html);

}

});

});

控制器方法   getAttr

public function() {

    $attr = D("Attr");

   $type_id = I("type_id");

   $attrs = $attr->where(array("type_id"=>$type_id))-select(); 

  $this->ajaxReturn($attrs);

}

完工