首先建立一个Area.html,很简单包含一个省份的select元素和一个城市的界面元素:
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;
}
}
然后建立三个省份的城市数据文件,分别命名为city01.xml,city02.xml,city03.xml
保存,在ie6浏览通过,理论上可以在ie5一上浏览器跑。

