你的位置:首页 > 软件开发 > Java > 下拉框联动方法封装

下拉框联动方法封装

发布时间:2016-05-13 10:00:05
业务中经常需要对数据进行下拉框的联动选择操作,可以假设成省份城市 省份城市县这样的多级联动客户那边提供的数据大多为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 (#换成@)。

可能感兴趣文章

我的浏览记录