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

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

开始代码时刻，这个很明显要使用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);

}

完工

商品添加-选择商品类型自动加载商品属性相关推荐

购物车列表加载商品信息及商品增减功能(Ajax+jQuery)
1.功能介绍在商品列表页面,用户将想购买的商品及想购买的数量添加进本页面的购物车列表,并计算商品价格. 2.实现思路加载商品信息 & 修改购物车列表中的数量服务器端: 如果用户未添加过某 ...
晨曦记账本添加记录后自动加载本月的账目
每个月零零碎碎的总会花很多钱,但不知道都花在哪里了,记账也有此日子,也不知道花费在哪里,如果用晨曦记账本记账完成后,能自动加载出本月的账目,浏览后做到心里有数哪些不必要的花费可以节省,养成理性消费,那 ...
jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
博客分类: jquery-easyui jQueryAjax框架HTML 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...
recyclerview的数据刷新（下拉刷新和自动加载更多）以及添加提示语（例如：“数据已加载完毕”）
下拉加载更多的核心是SwipeRefreshLayout搭配Recyclerview进行使用.布局为 <android.support.v4.widget.SwipeRefreshLayout ...
大话PHP设计模式：类自动载入、PSR-0规范、链式操作、11种面向对象设计模式实现和使用、OOP的基本原则和自动加载配置...
一.类自动载入 SPL函数 (standard php librarys) 类自动载入,尽管 __autoload() 函数也能自动加载类和接口,但更建议使用 spl_autoload_registe ...
Jetpack Compose 无限加载列表（滚到底部自动加载更多）
Android 中使用 ListView 或者 RecycleView 经常有滚动到底部自动 LoadMore 的需求,那么在 Compose 中该如何实现呢? 两种方法可供选择: 基于 paging ...
Zend Framework 自动加载类的实现方法
Zend Framework中实现自动加载类.网上查了很多,有好几种.本文收集了常用的3种, 第一种如下: 方法很简单,举例说明.比如想要在models目录下的类可以自动加载. 先在index.php ...
Tomcat 7 自动加载类及检测文件变动原理
在一般的 web 应用开发里通常会使用开发工具(如 Eclipse.IntelJ )集成 tomcat ,这样可以将 web 工程项目直接发布到 tomcat 中,然后一键启动.经常遇到的一种情况是直 ...
android音乐播放器音乐加载,Android开源音乐播放器之在线音乐列表自动加载更多...
系列文章前言当咱们的ListView数据比较多时,咱们通常都会选择分页显示,而分页显示就须要一个动做触发加载更多操做,一般咱们会使用上拉加载更多,但我以为不够人性化,由于用户须要手动上拉,因此更加 ...

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

商品添加-选择商品类型自动加载商品属性相关推荐

最新文章

热门文章