商品新增-選擇商品型別自動載入商品屬性

選擇商品的型別，在下面將多對應的商品的型別的屬性載入出來，如圖所示：

  

開始程式碼時刻，這個很明顯要使用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);

}

完工