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

leeyongbard發表於2017-05-21


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


  


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

}


完工


相關文章