场景：省市区下拉

最新推荐文章于 2018-07-19 14:41:24 发布

Alan_阿兰

最新推荐文章于 2018-07-19 14:41:24 发布

阅读量315

点赞数

分类专栏：场景管理

本文链接：https://blog.csdn.net/sixteen_cicle/article/details/67638882

版权

场景管理专栏收录该内容

16 篇文章 0 订阅

订阅专栏

function AddressPicker(prov, city, area) {
    var p = prov || "prov";
    var c = city || "city";
    var a = area || "area";
    var ep = document.getElementById(p);
    var ec = document.getElementById(c);
    var ea = document.getElementById(a);
    return {
        init : function() {
            ep.onchange = this.ChangeCity;
            ec.onchange = this.ChangeArea;
            for (var i = 0; i < groupProv.length; i++) {
                ep.options[i + 1] = groupProv[i];
            }
        },
        ChangeCity : function() {
            var id = ep.selectedIndex;
            ea.options.length = 1;
            ea.options[0] = new Option("请选择", "");
            if (id == 0) {
                ec.options.length = 1;
                ec.options[0] = new Option("请选择", "");
            } else {
                for (var i = 0; i < groupCity[id - 1].length; i++) {
                    ec.options[i + 1] = groupCity[id - 1][i];
                }
                while (ec.options.length - groupCity[id - 1].length > 1) {
                    ec.options[groupCity[id - 1].length + 1] = null;
                }
            }
        },
        ChangeArea : function() {
            var id1 = ep.selectedIndex;
            var id2 = ec.selectedIndex;
            if (id2 == 0) {
                ea.options.length = 1;
                ea.options[0] = new Option("请选择", "");
            } else {
                try {
                    for (var i = 0; i < groupArea[id1 - 1][id2 - 1].length; i++) {
                        ea.options[i + 1] = groupArea[id1 - 1][id2 - 1][i];
                    }
                    while (ea.options.length
                            - groupArea[id1 - 1][id - 2].length > 1) {
                        ea.options[groupArea[id1 - 1][id - 2].length + 1] = null;
                    }
                } catch (e) {
                }
            }
        }
    };
}