XML卷之实战锦囊(4)选单连动

动机：

现在我们做个在IE里应用XML的一个小例子：解决双下拉选单的连动问题。大家最常见的可能就是选取省份后改变城市选项的例子了，那我们就来尝试着用XML来完成吧。

以前介绍的一些功能我是直接用XML+XSL文件来完成的，大家可能还不是很熟悉它的用法，所以我这次就用HMTL+XML来做，希望能够让大家更清楚的了解--“XML原来可以如此简单！”：）

材料：

XML卷之选单连动

有2个文件：Citys.xml和CitySelect.htm

作用：

选择省份后可以自动显示相对应的城市，这样方便用户，有效的提高数据互动，让自己的页面更加绚丽多彩。

代码：

Citys.xml

<?xmlversion="1.0"encoding="gb2312"?><China>

<Stateid="1"name="江西">

<City>九江</City>

<City>南昌</City>

<City>庐山</City>

<City>景德镇</City>

</State>

<Stateid="2"name="北京">

<City>北京西</City>

<City>居庸关</City>

<City>清华园</City>

<City>周口店</City>

</State>

<Stateid="3"name="福建">

<City>福州</City>

<City>厦门</City>

<City>漳州</City>

</State>

<Stateid="4"name="甘肃">

<City>兰州</City>

<City>洛门</City>

<City>嘉峪关</City>

</State>

<Stateid="5"name="广东">

<City>广州</City>

<City>深圳</City>

<City>东莞</City>

<City>石牌</City>

</State>

<Stateid="6"name="安徽">

<City>合肥</City>

<City>黄山</City>

<City>九龙岗</City>

<City>马鞍山</City>

</State></China>

CitySelect.htm

自定义函数：ChooseState(读取XML数据中的省的名称，并增加到SelState的下拉列表中)functionChooseState(){