商品添加-选择商品类型自动加载商品属性
来源:互联网 发布:吉林广电网络集团 编辑:程序博客网 时间:2024/05/15 23:51
选择商品的类型,在下面将多对应的商品的类型的属性加载出来,如图所示:
开始代码时刻,这个很明显要使用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 选择商品属性sku
- android商品属性选择标签控件,可实现自动换行
- 商品详情页<商品属性选择,包含多规格>
- 微信小程序商品详情页交互源码(选择商品类型切换、预览商品图片)
- 自定义控件(商品属性选择)
- ecshop商品属性仿淘宝选择功能
- ecshop商品属性仿淘宝选择功能
- Android多维商品属性SKU选择
- ios 仿京东商品属性选择界面
- ECshop 商品属性后台添加,前台显示
- ecshop商品属性按照添加顺序排列
- 【数据库】给商品表添加上属性
- 自动布局,防京东商品属性,Label自适应
- lightinthebox zencart 自动添加商品多图
- [leetcode]306. Additive Number
- 告诉你们!我是怎么与Linux系统触电的!
- 手机/移动前端开发需要注意的20个要点
- 机房重构准备工作(4)--错误整理
- C++友元
- 商品添加-选择商品类型自动加载商品属性
- 如何解决类模板的分离编译问题?
- MongoDB远程连接 Login error的原因及解决办法 Linux shell 脚本命令
- 正则表达式
- git pull时遇到的问题及解决方法
- 设计模式
- Java基础常识
- shell编程test命令用法
- Android开发学习——事件监听方式