xml解析读取xml文件中的内容Word文档下载推荐.docx
《xml解析读取xml文件中的内容Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《xml解析读取xml文件中的内容Word文档下载推荐.docx(8页珍藏版)》请在冰点文库上搜索。
120000"
city>
120100v/city>
130000"
石家庄市:
130100<
秦皇岛市:
130300<
邯郸市:
130400<
邢台市:
130500v/city>
保定市:
130600v/city>
张家口市:
130700v/city>
承德市:
130800v/city>
沧州市:
130900v/city>
廊坊市:
131000v/city>
衡水市:
131100v/city>
v/Province>
vProvineeid二"
140000"
太原市:
140100v/city>
大同市:
140200v/city>
阳泉市:
140300v/city>
长治市:
140400v/city>
晋城市:
140500v/city>
朔州市:
140600v/city>
vcity>
忻州地区:
142200v/city>
吕梁地区:
142300<
/city>
晋中地区:
142400<
临汾地区:
142600<
运城地区:
142700<
150000"
呼和浩特市:
150100<
包头市:
150200<
乌海市:
150300<
赤峰市:
150400<
呼伦贝尔盟:
152100<
兴安盟:
152200<
哲里木盟:
152300<
锡林郭勒盟:
152500<
乌兰察布盟:
152600<
伊克昭盟:
152700<
巴彦淖尔盟:
152800<
阿拉善盟:
152900<
鄂尔多斯市:
150500<
Provineeid="
210000"
大连市:
210200<
鞍山市:
210300v/city>
抚顺市:
210400v/city>
本溪市:
210500v/city>
丹东市:
210600v/city>
锦州市:
210700v/city>
营口市:
210800v/city>
阜新市:
210900v/city>
辽阳市:
211000v/city>
盘锦市:
211100v/city>
铁岭市:
211200v/city>
朝阳市:
211300v/city>
葫芦岛市:
211400v/city>
v/Province>
v/China>
3.index.jsp
vhtml>
head>
charset二UTF-8"
title>
省市下拉列表<
/title>
scripttype="
text/javascript"
src="
js/jquery-1.7.2.js"
/script>
js/index.js"
/head>
body>
div>
selectid="
prov"
onChange二"
javascript:
ProvCity.setProvince(this);
"
optionvalue="
请选择...<
/option>
/select>
city"
javasctipt:
ProvCity.setCities(this);
option>
/div>
/body>
/html>
4.index.js
$(document).ready(function(){
//初始化默认值
ProvCity.getProvinces();
});
//xmlFile是xml文件的地址
varProvCity={
loadXmlFile:
function(xmlFile)
{
varxmlDom=null;
浏览器中读取xml文件
Microsoft.XMLDOM"
);
if(window.ActiveXObject)//IE
xmlDom=newActiveXObject(
xmlDom.async二"
false"
;
xmlDom」oad(xmlFile);
document.implementation.createDocument)
//Firefox,Chrome浏览器中读取xml文件,Chrome需
要开服务器才能访问
varxmlhttp=
newwindow.XMLHttpRequest();
xmlDom=xmlhttp.responseXML;
else
xmlDom=null
}
returnxmlDom;
},
//好了读取出来了xml我们就要获取的他的数据了
getProvinces:
function()//初始化省数据
varxdoc
二ProvCity」oadXmlFile("
xmlFile/province.xml"
件路径
//varlist二xdoc.selectNodes("
〃keys"
)〃
览器中获取
varlist二xdoc.getElementsByTagName(
读取所有节点值
varhtmlContent="
;
for(vari=0;
i<
list.length;
i++){
varprovinces=list[i].firstChild.nodeValue;
//得到该结点中的内容
varprovincesNode=provinces.split(
以"
:
做为分隔,分成多个字符串数组
//xml文
只能在Ie浏
Province"
);
//
htmlContent=htmlContent+"
option
value二"
+provincesNode[1]+"
+provincesNode[0]+"
/option>
//将所有结点全部存放到该变量中
$("
#prov"
).html(htmIContent);
//将结点加到
select下
ProvCity.getCities(list[0].firstChild.nodeValue.split(
)[1]);
//根据省得到市,默认时为第一个
setProvinee:
function(obj){//改变省时,
被选中状态
将选中的省设为
varpro=$(obj).val();
#provoption"
).removeAttr("
selected"
除属性selected
#provoption[value="
+pro+"
]"
).attr("
//将选中的结点设置属性selected
ProvCity.getCities(pro);
//先去
//根据省得到市
getCities:
function(pro){
值
xmlFile/city.xml"
varlist=xdoc.getElementByld(pro);
//得至Uid
为pro的结点
varcityList=list.getElementsByTagName("
//获取id值为pro结点的子结点(名为city的结点)
for(vari=0;
cityList.length;
varcities=cityList[i].firstChild.nodeValue;
varcityNode=cities.split("
+cityNode[1]+"
+cityNode[0]+"
/option>
#city"
).html(htmlContent);
//改变市时,将选中的市设为被选中状态
setCities:
function(obj){
varcity=$(obj).val();
#cityoption"
#cityoption[value二"
+city+"