城市级联js

//判断浏览器器兼容   dname文档路径  返回文档对象
function loadxml(dname){

	try{//IE浏览
		xmldoc=new ActiveXObject("Microsoft.XMLDOM");
	}
	catch(e){
		try{//Firefox Mozilla Opera etc.
			xmldoc=document.implementation.createDocument("","",null);	
		}	
		catch(e){alert(e.message);}
	}
	try{
		xmldoc.async=false;
		xmldoc.load(dname);
		return (xmldoc);
	}
	catch(e){alert(e.message)}
	return (null);
}

var xmldoc=loadxml("Address.xml");//获取xml文档对象

$(document).ready(function(){
  		var xml=xmldoc;	
		//初始化省市节点
		$(xml).find("province").each(function(){ //找出省市节点 并循环
        	$("#province").append("<option>"+$(this).attr("name")+"</option>");//创建省市节点
      	});
		//初始化市区节点
  		$("#province").change(function(){
  			$("#city").empty();//清空city下拉框
  			$("#country").empty();//清空country下拉框
			//city下拉框添加选项
			$(xml).find("province").each(function(){
				if($(this).attr("name")==$("#province").val()){//判断选中的省
					$(this).children("city").each(function(){//循环市节点
						$("#city").append("<option>"+$(this).attr("name")+"</option>");//添加city下拉框选项
					});
				};
			});
			//county下拉框初始化
			$(xml).find("province").each(function(){
				if($(this).attr("name")==$("#province").val()){//判断选中的省
					$(this).children("city:first-child").children("country").each(function(){//定位市  找到该市下所有区县节点
						$("#country").append("<option>"+$(this).attr("name")+"</option>");//添加county下拉框选项
					});
				};
			});
		});	
		//改变市选项的时候 改变country选项
		$("#city").change(function(){
			$("#country").empty();//清空country下拉框
			$(xml).find("province").each(function(){//循环province节点
				if($(this).attr("name")==$("#province").val()){//定位province节点
					$(this).children("city").each(function(){//循环city节点
						if($(this).attr("name")==$("#city").val()){//定位city
							$(this).children("country").each(function(){//定位country节点
								$("#country").append("<option>"+$(this).attr("name")+"</option>");//添加country节点
							});
						};
					});
				};
			});
		});	
  	});
文档下载地址:http://pan.baidu.com/s/1boCl6UF

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值