`
zhouleye
  • 浏览: 6671 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
最近访客 更多访客>>
社区版块
存档分类
最新评论

JS 省、市、区 组合选择器

 
阅读更多
部分代码:
province.js
function Province(){
    var areaArray = new Array();

    this.init = function(xml) {
        var doc = this.loadxml(xml);
        var properties = doc.getElementsByTagName("Province");

        for (var i = 0; i < properties.length; i++) {
            var id = properties[i].getAttribute("ID");
            var name = properties[i].getAttribute("ProvinceName");
            var pid = 0;
            areaArray[i] = [id,name,pid];
        }
    };

    this.loadxml = function(xml) {
        var xmlDoc;
        if (window.ActiveXObject) {
            xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
            xmlDoc.async = false;
            xmlDoc.load(xml);
        } else if (document.implementation && document.implementation.createDocument) {
            xmlDoc = document.implementation.createDocument('', '', null);
            xmlDoc.async = false;
            xmlDoc.load(xml);
        } else {
            return null;
        }
        return xmlDoc;
    };

    this.getNextOption = function(pid, selectName) {
        var options = "";
        for (var i = 0; i < areaArray.length; i++) {
            if (areaArray[i][2] == pid) {
                if (selectName != null || selectName != "") {
                    if (selectName == areaArray[i][1]) {
                        options += "<option value=" + areaArray[i][0] + " selected>" + areaArray[i][1] + "</option>";
                    } else {
                        options += "<option value=" + areaArray[i][0] + ">" + areaArray[i][1] + "</option>";
                    }
                } else {
                    options += "<option value=" + areaArray[i][0] + ">" + areaArray[i][1] + "</option>";
                }
            }
        }
        return options;
    };
}


proince.xml
<?xml version="1.0" encoding="utf-8"?>
<Provinces>
  <Province ID="1" ProvinceName="北京市">北京市</Province>
  <Province ID="2" ProvinceName="天津市">天津市</Province>
  <Province ID="3" ProvinceName="河北省">河北省</Province>
  <Province ID="4" ProvinceName="山西省">山西省</Province>
  <Province ID="5" ProvinceName="内蒙古自治区">内蒙古自治区</Province>
  <Province ID="6" ProvinceName="辽宁省">辽宁省</Province>
  <Province ID="7" ProvinceName="吉林省">吉林省</Province>
  <Province ID="8" ProvinceName="黑龙江省">黑龙江省</Province>
  <Province ID="9" ProvinceName="上海市">上海市</Province>
  <Province ID="10" ProvinceName="江苏省">江苏省</Province>
  <Province ID="11" ProvinceName="浙江省">浙江省</Province>
  <Province ID="12" ProvinceName="安徽省">安徽省</Province>
  <Province ID="13" ProvinceName="福建省">福建省</Province>
  <Province ID="14" ProvinceName="江西省">江西省</Province>
  <Province ID="15" ProvinceName="山东省">山东省</Province>
  <Province ID="16" ProvinceName="河南省">河南省</Province>
  <Province ID="17" ProvinceName="湖北省">湖北省</Province>
  <Province ID="18" ProvinceName="湖南省">湖南省</Province>
  <Province ID="19" ProvinceName="广东省">广东省</Province>
  <Province ID="20" ProvinceName="广西壮族自治区">广西壮族自治区</Province>
  <Province ID="21" ProvinceName="海南省">海南省</Province>
  <Province ID="22" ProvinceName="重庆市">重庆市</Province>
  <Province ID="23" ProvinceName="四川省">四川省</Province>
  <Province ID="24" ProvinceName="贵州省">贵州省</Province>
  <Province ID="25" ProvinceName="云南省">云南省</Province>
  <Province ID="26" ProvinceName="西藏自治区">西藏自治区</Province>
  <Province ID="27" ProvinceName="陕西省">陕西省</Province>
  <Province ID="28" ProvinceName="甘肃省">甘肃省</Province>
  <Province ID="29" ProvinceName="青海省">青海省</Province>
  <Province ID="30" ProvinceName="宁夏回族自治区">宁夏回族自治区</Province>
  <Province ID="31" ProvinceName="新疆维吾尔自治区">新疆维吾尔自治区</Province>
  <Province ID="32" ProvinceName="香港特别行政区">香港特别行政区</Province>
  <Province ID="33" ProvinceName="澳门特别行政区">澳门特别行政区</Province>
  <Province ID="34" ProvinceName="台湾省">台湾省</Province>
</Provinces>
  • PCD.rar (40.5 KB)
  • 下载次数: 124
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics