JavaScript实现二级联动
2017-08-25 17:37
155 查看
//获取一级菜单长度 var select1_len = document.gpsiForm.brand.options.length; var select2 = new Array(select1_len); //把一级菜单都设为数组 for (i = 0; i < select1_len; i++) { select2[i] = new Array(); } //定义基本选项 select2[0][0] = new Option("请选择"); //别克车型 select2[1][0] = new Option("英朗"); select2[1][1] = new Option("威朗"); select2[1][2] = new Option("昂科拉"); select2[1][3] = new Option("昂科威"); select2[1][4] = new Option("君威"); select2[1][5] = new Option("君越"); select2[1][6] = new Option("GL8"); select2[1][7] = new Option("昂科雷"); //福特车型 select2[2][0] = new Option("蒙欧迪"); select2[2][1] = new Option("福克斯"); select2[2][2] = new Option("猛禽"); select2[2][3] = new Option("锐界"); select2[2][4] = new Option("福睿斯"); select2[2][5] = new Option("金牛座"); select2[2][6] = new Option("翼搏"); select2[2][7] = new Option("翼虎"); select2[2][8] = new Option("野马"); select2[2][9] = new Option("探险者"); select2[2][10] = new Option("撼路者"); //雪佛兰车型 select2[3][0] = new Option("新科鲁兹"); select2[3][1] = new Option("科帕奇"); select2[3][2] = new Option("科沃兹"); select2[3][3] = new Option("迈锐宝"); select2[3][4] = new Option("创酷"); select2[3][5] = new Option("赛欧"); select2[3][6] = new Option("乐风"); select2[3][7] = new Option("科迈罗"); select2[3][7] = new Option("探界者"); //联动函数 function redirec(x) { var temp = document.gpsiForm.carModel; if (temp.options.length > 0) { for (var j = temp.options.length; j >= 0; j--) { temp.options.remove(i); } } for (i = 0; i < select2[x].length; i++) { temp.options[i] = new Option(select2[x][i].text, select2[x][i].value); } temp.options[0].selected = true; }
相关文章推荐
- javascript实现二级联动下拉框!
- JavaScript实现二级、多级(N级)联动下拉列表框更新版,支持IE6,FireFox,函数和类两种调用方式,支持到N级,非常通用
- 基于Javascript实现二级联动菜单效果
- PHP&JavaScript二级联动菜单的实现方法
- jsp+javascript实现动态下拉二级联动(select+option)
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- 基于Javascript实现二级联动菜单效果
- JavaScript实现二级联动下拉框
- javascript实现二级省级联动
- javascript实现简单的二级联动
- 使用javascript实现二级联动菜单
- 用JavaScript实现省市二级联动
- JavaScript 学习--二级联动菜单实现
- \t\t用JavaScript实现省市二级联动
- php+mysql+javascript实现二级联动下拉框
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- 在一个jsp页面实现二级下拉框联动,实时读取数据库数据(用javascript实现)
- JavaScript实际应用:简单二级联动菜单实现
- Javascript实现二级select联动
- JavaScript之AJAX实现二级联动菜单(jsp+js+servlet+xml)