本文实例为大家分享了基于手动音量调节三级联动的具体代码，供大家参考，具体内容如下

超文本标记语言代码：

div class='box '选择class='make '选项请选择品牌/option/选择选择类='模型'选项请选择车型/option/选择选择类别='汽车'选项请选择车款/option /select/divjs代码：

脚本src=' http : jquery-1。8 .3 .量滴js '/script script src=' http : car。制作。js '/script script src=' http : car。汽车。js '/script script src=' http : car。模特。js '/脚本脚本//MVC与面向对象的程序设计(面向对象编程)模式/* * mvc编程思想*型号模型（数据)*控制器控制器*视图视图* 下拉事件由控制器处理* 获取数据由模型处理* 数据的显示由视图处理* 控制器发布指令调用模型获取数据* * 控制器拿到数据后发布指令将数据交给视图进行显示* * * *///定义一个控制器对象var ctrl={ //初始化函数init :函数(){ this。创建品牌()；}, //品牌函数createBrand:function(){ //调用模型获取数据var数据=模型。getbrand()；//将数据交给视图去渲染（显示)view.showBrand(数据);这个。创建模型()；这个。brandChange()；这个。modelChange()；}, //车型函数创建模型： FuncTion(){ var id=$(' .制作').val()；var数据=模型。GetMoDEL(id)；view.showModel(数据);这个。create car()；}, //车款函数create car : FuncTion(){ var id=$(' .模型')。val()；var数据=模型。getcar(id)；view.showCar(数据);}, //品牌点击函数brandChange:function(){ $(' .制作').change(function(){ ctrl。create model()；}) }, //车型点击函数modelChange:function(){ $(').模型')。change(function(){ ctrl。create car()；}) } };//定义一个模型对象定义变量模型={ //获取第一个数据get brand : function(){ return car _ make；}, //获取第二个数据getmodel :函数(id){ return car _ model[id]；}, //获取第三个数据getcar :函数(id){ return car _ car[id]；} };//定义一个视图对象var view={ //下拉列表createselect :函数(标题、数据、元素){ var html=' option ' title '/option '；$.每个(数据，函数(){ html=' option value=' this。id ' ' '这个。name '/option ' })；元素。html(html)；element.children().等式(1)。attr('selected '，true)；}, //品牌showBrand:function(数据){ this.createSelect('请选择品牌，数据，$('。make’)；}, //车型showModel:function(数据){ this.createSelect('请选择车型，数据，$('。模型’)；}, //车款showcar :函数(数据){ this。创建sele('请选择车款，数据，$('。汽车’)；} };ctrl。init()；/script最终显示效果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。