商品新增-選擇商品型別自動載入商品屬性
選擇商品的型別,在下面將多對應的商品的型別的屬性載入出來,如圖所示:
開始程式碼時刻,這個很明顯要使用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);
}
完工
相關文章
- Android開商品屬性篩選與商品篩選Android
- 商品屬性的選擇功能的實現
- 1688商品詳情資料介面、商品列表介面,商品屬性介面、商品優惠券介面
- 移動商城第三篇(商品管理)【查詢商品、新增商品】
- 採集商品資訊對於商品分析的重要性
- Material之Behavior實現支付寶密碼彈窗 仿淘寶/天貓商品屬性選擇密碼
- Flutter 多規格商品選擇器核心工具 SKUFlutter
- iOS內購非自動續期訂閱 應用內購買 IAP非自動續期訂閱 消耗型商品 非消耗型商品 流程...iOS
- 淘寶商品詳情介面(商品銷量介面,商品列表介面,商品影片介面)程式碼展示
- 京東商品詳情資料採集介面(商品銷量,商品標題,商品優惠券,商品列表)程式碼展示
- 電商產品設計:商品的基本屬性與銷售屬性
- 阿里巴巴商品採集介面 商品詳情api 商品主圖介面 商品詳情圖介面阿里API
- vue 商品sku新增,笛卡爾演算法,商品新增。動態生成table,table新增值後 再生成的table 不改變table之前輸入的值Vue演算法
- 商品列表
- 京東商品圖片 自動下載 抓取 c# 爬蟲C#爬蟲
- 拼多多商品全流程自動化採集
- 淘寶買家授權API系列:新增購物車商品、刪除購物車商品、獲取購物車商品列表API
- 如何利用BeautifulSoup選擇器抓取京東網商品資訊
- 如何一鍵批量下載Lazada商城的商品主圖、屬性圖、詳情圖?
- 國內下載谷歌商品apk谷歌APK
- 微信登入+商品瀏覽
- 京東商品列表介面,商品銷量排序介面,商品價格排序介面程式碼展示排序
- 購物車自動計算商品總價格
- 商品推薦
- 求購商品
- 28-Beego優選刪除商品Go
- 使用商品詳情API介面獲取商品資料API
- Java語言獲取小紅書商品詳情 API介面(商品ID、商品標題等)JavaAPI
- 想要獲取大量亞馬遜商品屬性圖要怎麼操作?亞馬遜
- 淘寶商品評論介面,商品評論內容,天貓商品評論介面程式碼展示
- 區塊鏈商品溯源+商品溯源防偽解決方案區塊鏈
- 電商通用型商品中心設計
- 商品sku設計
- 商品分類元件元件
- elasticsearch搜尋商品Elasticsearch
- 商品SKU表SQLSQL
- 區塊鏈商品溯源,商品銜接資料管理體系區塊鏈
- 1688商品列表介面,關鍵詞搜尋1688商品介面,1688店鋪商品介面封裝程式碼教程封裝
- 移動Web前端,遊客點選商品的收藏按鈕,登入完成,回來之後,如何自動收藏Web前端