city.html
<!DOCTYPE html>
<html>
<head>
<title>city.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head>
<body>
<select id="province" name="province">
<option value="">请选择……</option>
<option value="山东">山东</option>
<option value="河南">河南</option>
<option value="河北">河北</option>
</select>
<select id="city" name="city">
<option value="">请选择……</option>
</select>
</body>
<script type="text/javascript">
window.onload = function(){
document.getElementById("province").onchange = function(){
alert("aaa");
//测试xml文档是否加载成功
var xmlDoc = parseXML("cities.xml");
var provinceElements = xmlDoc.getElementsByTagName("province");
alert(provinceElements.length);
}
}
/**
*加载xml文档
*/
function parseXML(filename) { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} xmlhttp.open("GET", filename, false);
xmlhttp.send();
xmlDoc = xmlhttp.responseXML; }
</script>
</html>
cities.xml
<?xml version="1.0" encoding="UTF-8"?>
<china>
<province name='山东'>
<city>济南</city>
<city>菏泽</city>
<city>青岛</city>
<city>大连</city>
</province>
<province name='河南'>
<city>郑州</city>
<city>许昌</city>
<city>洛阳</city>
<city>开封</city>
</province>
<province name='河北'>
<city>保定</city>
<city>石家庄</city>
<city>秦皇岛</city>
</province>
</china>运行的时候,只能弹出“aaa”的提示框,无法弹出alert(provinceElements.length);的提示框请高手看看我那里出了问题:
注:city.html和cities.xml在同一个目录下
<!DOCTYPE html>
<html>
<head>
<title>city.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head>
<body>
<select id="province" name="province">
<option value="">请选择……</option>
<option value="山东">山东</option>
<option value="河南">河南</option>
<option value="河北">河北</option>
</select>
<select id="city" name="city">
<option value="">请选择……</option>
</select>
</body>
<script type="text/javascript">
window.onload = function(){
document.getElementById("province").onchange = function(){
alert("aaa");
//测试xml文档是否加载成功
var xmlDoc = parseXML("cities.xml");
var provinceElements = xmlDoc.getElementsByTagName("province");
alert(provinceElements.length);
}
}
/**
*加载xml文档
*/
function parseXML(filename) { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} xmlhttp.open("GET", filename, false);
xmlhttp.send();
xmlDoc = xmlhttp.responseXML; }
</script>
</html>
cities.xml
<?xml version="1.0" encoding="UTF-8"?>
<china>
<province name='山东'>
<city>济南</city>
<city>菏泽</city>
<city>青岛</city>
<city>大连</city>
</province>
<province name='河南'>
<city>郑州</city>
<city>许昌</city>
<city>洛阳</city>
<city>开封</city>
</province>
<province name='河北'>
<city>保定</city>
<city>石家庄</city>
<city>秦皇岛</city>
</province>
</china>运行的时候,只能弹出“aaa”的提示框,无法弹出alert(provinceElements.length);的提示框请高手看看我那里出了问题:
注:city.html和cities.xml在同一个目录下
解决方案 »
- jquery ui dialog中内容重复加载
- var 中的 add 方法是不是进行String的连接
- 在一个 js 文件中是否可以再包含另一个 js 文件?
- 求两个表达式
- 急死了!from的问题,请高手赐教
- 用javascrip怎样定位本地的一个目录,我想用java在本地创建一个excel文件,但也须先确定要把文件创建到哪里,谢谢啊
- 怎样可以把相同名字的两个文本框,添加文字到第二个文本框,但它们的ID不同.
- 请问怎么样可以令两个图标同时浮动漂移,在线等,急!!!
- 请问怎样实现点击一个radio单选框以后,某个选择框和某个文本框才被激活!谢谢!
- 原生JS实现JSONP跨域访问的问题
- <求助>根据数组的值,改变checkbox的checked状态。
- js导出excel弹出保存框
改成return xmlhttp.responseXML;
我的系统是:windows server 2008 r2;浏览器是:IE9按照你的做法还是不行;继续请高手解决!!!
瞧瞧js解析xml不是通过返回出去的,可以通过传回调函数来做
你这是要取xml里面有几个province节点还是页面上
<select id="province" name="province">
<option value="">请选择……</option>
<option value="山东">山东</option>
<option value="河南">河南</option>
<option value="河北">河北</option>
</select>
有几个选项啊?
取xml里面节点的话就把
xmlDoc = xmlhttp.responseXML;
改为
var xmlDoc = xmlhttp.responseXML;
return xmlDoc
我测试了弹出长度为3是在ie9下