业务中经常需要对数据进行下拉框的联动选择操作,可以假设成省份城市 省份城市县这样的多级联动客户那边提供的数据大多为excel,格式都属于标准一行列的假设需要对省份城市进行联动 实现如下 1 var pcd = []; 2 pcd[0] = [北京, 北京]; 3 ...
业务中经常需要对数据进行下拉框的联动选择操作,可以假设成省份城市 省份城市县这样的多级联动
客户那边提供的数据大多为excel,格式都属于标准一行列的
假设需要对省份城市进行联动 实现如下
1 var pcd = []; 2 pcd[0] = ['北京', '北京']; 3 pcd[1] = ['天津', '天津']; 4 pcd[2] = ['河北', '石家庄']; 5 pcd[3] = ['河北', '唐山']; 6 pcd[4] = ['山西', '太原']; 7 pcd[5] = ['辽宁', '沈阳']; 8 pcd[6] = ['吉林', '长春']; 9 pcd[7] = ['黑龙江', '哈尔滨'];10 pcd[8] = ['上海', '上海'];11 pcd[9] = ['江苏', '南京'];12 pcd[10] = ['江苏', '无锡'];13 pcd[11] = ['江苏', '苏州'];14 pcd[12] = ['浙江', '杭州'];15 pcd[13] = ['浙江', '宁波'];16 pcd[14] = ['浙江', '温州'];17 pcd[15] = ['安徽', '合肥'];18 pcd[16] = ['福建', '福州'];19 pcd[17] = ['江西', '南昌'];20 pcd[18] = ['山东', '济南'];21 pcd[19] = ['山东', '青岛'];22 pcd[20] = ['河南', '郑州'];23 pcd[21] = ['湖北', '武汉'];24 pcd[22] = ['湖南', '长沙'];25 pcd[23] = ['广东', '广州'];26 pcd[24] = ['广东', '深圳'];27 pcd[25] = ['广西', '南宁'];28 pcd[26] = ['重庆', '重庆'];29 pcd[27] = ['四川', '成都'];30 pcd[28] = ['云南', '昆明'];31 pcd[29] = ['陕西', '西安'];32 33 Array.prototype.contains = function (e) {34 for (var i = 0; i < this.length; i++) {35 if (this[i] === e) {36 return true;37 }38 }39 return false;40 }41 42 document.getElementById("aprovincename").onchange = function () {43 bindCity(this.value);44 }45 document.getElementById("acityname").onchange = function () {46 bindDealer(this.value);47 }48 49 function bindProvince() {50 var items = new Array();51 var el = document.getElementById("aprovincename");52 el.length = 0;53 el.options.add(new Option('请选择省份', '0'));54 bindCity(0);55 for (var i = 0, len = pcd.length; i < len; i++) {56 if (!items.contains(pcd[i][0])) {57 items.push(pcd[i][0]);58 el.options.add(new Option(pcd[i][0], pcd[i][0]));59 }60 }61 }62 function bindCity(pid) {63 64 var el = document.getElementById("acityname");65 el.length = 0;66 el.options.add(new Option('请选择城市', '0'));67 68 if (pid === 0) {69 return;70 }71 var items = new Array();72 for (var i = 0, len = pcd.length; i < len; i++) {73 if (pcd[i][0] === pid && !items.contains(pcd[i][1])) {74 items.push(pcd[i][1]);75 el.options.add(new Option(pcd[i][1], pcd[i][1]));76 }77 }78 }79 80 bindProvince();
原标题:下拉框联动方法封装
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。