·您的位置: 首页 » 资源教程 » 编程开发 » HTML、CSS » XML在Web中的简单应用

XML在Web中的简单应用

类别: XML教程  评论数:0 总得分:0

首先建立一个Area.html,很简单包含一个省份的select元素和一个城市的界面元素:

<html>
<head>
<title>Area Demo</title>
</head>
<body>
<select id="province" size=1 onchange="loadCity()">
<option value="city01.xml">  江苏  </option>
<option value="city02.xml">  º湖南 </option>
<option value="city03.xml">  湖北  </option>
</select>
<select id="city" size=1>
</select>
<xml id="xmlobj"></xml>
<script language="javascript" type="text/javascript">
var provobj = document.all("province");
var cityobj = document.all("city");
var xmlhttp = document.all("xmlobj");
loadCity();
/**
 * 装载城市数据
 */
function loadCity() {
 cityobj.options.length = 0;
 var file = provobj.options[provobj.selectedIndex].value;
 xmlhttp.async = false;
 xmlhttp.load(file);
 var cities = xmlhttp.selectNodes("Cities/City");
 var idx,name;

 for(idx = 0; idx < cities.length; idx ++) {
  name = cities[idx].getAttribute("name");
  cityobj.options.length++;
  cityobj.options[cityobj.options.length - 1].value = name;
  cityobj.options[cityobj.options.length - 1].text = name;
 }
}
</script>
</body>
</html>

然后建立三个省份的城市数据文件,分别命名为city01.xml,city02.xml,city03.xml

<?xml version="1.0" encoding="GB2312"?>
<Cities Province="江苏">
 <City name="南京"/>
</Cities>

<?xml version="1.0" encoding="GB2312"?>
<Cities Province="湖南">
 <City name="长沙"/>
</Cities>

<?xml version="1.0" encoding="GB2312"?>
<Cities Province="湖北">
 <City name="武汉"/>
</Cities>

保存,在ie6浏览通过,理论上可以在ie5一上浏览器跑。

-= 资 源 教 程 =-
文 章 搜 索
关键词:
类型:
范围:
纯粹空间 softpure.com
Copyright © 2006-2008 暖阳制作 版权所有
QQ: 15242663 (拒绝闲聊)  Email: faisun@sina.com
 纯粹空间 - 韩国酷站|酷站欣赏|教程大全|资源下载|免费博客|美女壁纸|设计素材|技术论坛   Valid XHTML 1.0 Transitional
百度搜索 谷歌搜索 Alexa搜索 | 粤ICP备19116064号-1