本文实例讲述了jquery读取可扩展标记语言文件实现省市县三级联动的方法。分享给大家供大家参考。具体如下：

页面代码如下：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML头基href=' %=基路径% ' title my JSP ' city。“JSP”起始页/title meta http-equiv=' pragma ' content=' no-cache ' meta http-equiv=' cache-control ' content=' no-cache ' meta http-equiv=' expires ' content=' 0 ' meta http-equiv='关键字' content='关键字1，关键字2，关键字- link rel='样式表type=' text/CSS ' href=' style。CSS '-脚本类型=' text/JavaScript ' src=' http : js/jquery-1。7 .2 .量滴js '/script脚本类型=' text/JavaScript ' $(文档)。就绪（函数(){ //省$.ajax({url:'xml/City.xml '，success : function(XML){ $(XML)} .查找('省')。每个（函数(){ var t=$(this)).attr(' name ')；//这个-$(' # drop providence ').追加(' option ' t '/option ')；});} });//市$('#DropProvince ').change(function(){ $(' # sCityoption ')).移除();$('#sAreaoption ').移除();var pname=$('#DropProvince ').val()；$.ajax({url:'xml/City.xml '，success:function(xml){ ///查找省下的所有第一级子元素（即城市)$(xml).查找('省[名称=' pname ' ']市])。每个（函数(){ var city=$(this)).attr(' name ')；//这个- $('#sCity ').追加(' option ' city '/option ')；});///查找城市下的所有第一级子元素（即区域)var cname=$('#sCity ').val()；$(xml).find(' city[name=' cname ' ']area]).每个（函数(){ var area=$(this)).attr(' name ')；//这个- $('#sArea ').追加(“选项”区域“/选项”)；});} });});//区$('#sCity ').change(function(){ $(' # sAreaoption ')).移除();var cname=$('#sCity ').val()；$.ajax({url:'xml/City.xml '，success:function(xml){ ///查找城市下的所有第一级子元素（即区域)$(xml).find(' city[name=' cname ' ']area]).每个（函数(){ var area=$(this)).attr(' name ')；//这个- $('#sArea ').追加(“选项”区域“/选项”)；});} });});});/脚本/头体表单id=' form 1 ' div select id=' drop省份' style=' width :100 px'选择权请选择/option/select id=' Scity ' style=' width :100 px；'选择权请选择相应市/option/select id=' Sarea ' style=' width :100 px；'选择权请选择相应区/option/select/div/form/body/html效果图如下：

希望本文所述对大家的jQuery程序设计有所帮助。