php 汽车品牌三级联动,车辆品牌型号的三级联动菜单怎么做的

json数据三级联动select

品牌：

型号：

价格：

(function($){

var data = {'car':[

{'brand':'本田','param':[

{'name':'飞度','price':'9w'},

{'name':'锋范','price':'10w'},

{'name':'思域','price':'14w'},

{'name':'xx','price':'15w'}

]},

{'brand':'宝马','param':[

{'name':'3x','price':'49w'},

{'name':'5x','price':'70w'},

{'name':'7x','price':'214w'}

]},

{'brand':'奔驰','param':[

{'name':'C级','price':'28w'},

{'name':'E级','price':'40w'}

]}

]};

//console.log(data);

var $sel1 = $('#sel1');

var $sel2 = $('#sel2');

var $sel3 = $('#sel3');

function select_1(n){//构造第一个select

var n = n || 0;

var html = '';

var len = data.car.length;

for(var i = 0; i < len; i++){

if(i == n){

html += '' + data.car[i].brand + '';

}else{

html += '' + data.car[i].brand + '';

}

$sel1.html(html);

select_2(n);

}

function select_2(n,q){//构造第二个select

var n = n || 0;

var q = q || 0;

var html = '';

var len = data.car[n].param.length;

for(var i = 0; i < len; i++){

if(i == q){

html += '' + data.car[n].param[i].name + '';

}else{

html += '' + data.car[n].param[i].name + '';

}

$sel2.html(html);

select_3(n,q);

}

function select_3(n,q){//构造第三个select

var n = n || 0;

var q = q || 0;

var html = '';

html += '' + data.car[n].param[q].price + '';

$sel3.html(html);

}

select_1();//初始化

$sel1.change(function(){//绑定第一个select

var n = $sel1.find(':selected').index();

select_1(n);

});

$sel2.change(function(){//绑定第二个select

var n = $sel1.find(':selected').index();

var q = $sel2.find(':selected').index();

select_3(n,q);

});

})(jQuery);

运行代码

复制代码

另存代码

提示：您可以先修改部分代码再运行

php 汽车品牌三级联动,车辆品牌型号的三级联动菜单怎么做的相关推荐

基于EfficientNetB0的车辆品牌识别
基于EfficientNetB0的车辆品牌识别 0 运行环境:Colab tensorflow 2.1 1 代码 2 结论: 0 运行环境:Colab tensorflow 2.1 1 代码 %ten ...
笔记本电脑品牌排名|全球笔记本电脑品牌综合排名?
笔记本电脑品牌排名|全球笔记本电脑品牌综合排名? 2011年11月25日 [b][/b][b][/b][b][/b] 没有最佳答案笔记本电脑品牌排名 NO.1sony 在美国CES大放光彩之后,索尼 ...
世界三大顶级音响_世界音响三个顶尖品牌世界顶级音响哪个品牌好
音响是随着现代科技的壮大所逐渐延伸出的电子产品,也是音乐爱好者所追捧的产品.那么大家对于音响有什么了解吗,知道全球最顶尖的音响品牌是哪一个吗?今天就由排行榜123小编来带您了解世界音响三个顶尖品牌,并 ...
【报告分享】传统品牌vs新消费品牌社交营销差异化分析报告.pdf
大家好,我是文文(微信:sscbg2020),今天给大家分享克劳锐于2020年10月份发布的报告<传统品牌vs新消费品牌社交营销差异化分析报告.pdf>,做品牌营销的伙伴们可以重点看下哈. ...
品牌舆情总结及品牌修复，品牌舆情监测监控怎么做?
如今互联网大数据时代,信息流通越来越快,影响覆盖面广.品牌一旦出现舆论,很容易引起大范围的热议,对品牌发展造成不利影响,进而影响品牌声誉.接下来TOOM舆情监测小编带您简单了解品牌舆情总结及品牌修复, ...
品牌图腾：打造品牌核心价值新思维
近年,有关品牌核心价值概念的讨论很热,但当人们深问,哪些属于品牌的核心价值,如何给品牌创建核心价值,有没有确切的创建思路或程式时,又"草色遥看近却无"了,几乎找不出哪本书给予了答案 ...
科讯CMS--使用sql标签在商品内容页调用品牌详情，如品牌名称，图片，介绍等...
使用sql标签在商品内容页调用品牌详情,如品牌名称,图片,介绍等转自:http://hi.baidu.com/wufeng20128/item/f3a69295016a08df1a49df38 sq ...
国际品牌代理集团及品牌公司旗下品牌
国际品牌代理集团及品牌公司旗下品牌 1.ImagineX Group俊思集团 BCBGMAXAZRIA.HUGO HUGO BOSS .PAUL & JOE . MONDI 2.诗韵 THE ...
智者说 | AIoT时代，没有用户数据和设备数据的品牌商将失去品牌！
在2021年的光亚展上,上海庆科信息技术有限公司(简称"庆科信息")向我们全面展示了其作为物联网系统解决方案商的能力.端云一体.去中心化.私有部署等技术理念,让庆科信息可以协助品牌 ...
怎么做品牌百度百科，品牌信息怎么上传到百度百科上
不少品牌想将关于品牌的介绍信息上传到百度百科,但是创建品牌百度百科却屡屡受挫,品牌百度百科一直创建不上去,下面洛希爱做百科网分享下品牌信息怎么上传到百度百科上. 只要有营业执照的企业和注册了商标的品牌 ...

php 汽车品牌三级联动,车辆品牌型号的三级联动菜单怎么做的

php 汽车品牌三级联动,车辆品牌型号的三级联动菜单怎么做的相关推荐

最新文章

热门文章