城市级联js

来源：互联网发布：vscode html自动补全编辑：程序博客网时间：2024/05/16 12:04

//判断浏览器器兼容   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

0 0