try something like this:<xml id="xmldata">
<government>
<province name="Beijing" value="1">
<city name="Beijing" value="2" />
</province>
<province name="Guang Dong" value="3">
<city name="Guang Zhou" value="4" />
<city name="Fo Shan" value="5" />
<city name="Shen Zhen" value="6" />
</province>
<province name="Zhe Jiang" value="7">
<city name="Hang Zhou" value="8" />
<city name="Weng Zhou" value="9" />
<city name="Ning Bo" value="10" />
</province>
</government>
</xml><body onload="init()">
<form name="frmprovince">
Privince:<select name="provincelist" onchange="changeCity(this.selectedIndex);">
</select>
</form><form name="frmcity">
City:<select name="citylist">
</select>
</form>
</body>
<script language="javascript">
function fillList(oList, nodes)
{
oList.options.length = 0;
if (nodes)
{
for (var i=0; i < nodes.length; i++)
{
var opt = new Option(nodes[i].getAttribute("name"),nodes[i].getAttribute("value"));
oList.options.add(opt);
}
}
}function changeCity(n)
{
if (n >=0)
{
fillList(frmcity.citylist,xmldata.documentElement.childNodes[n].childNodes);
}
}function init()
{
fillList(frmprovince.provincelist,xmldata.documentElement.childNodes);
changeCity(0);
}
</script>
<government>
<province name="Beijing" value="1">
<city name="Beijing" value="2" />
</province>
<province name="Guang Dong" value="3">
<city name="Guang Zhou" value="4" />
<city name="Fo Shan" value="5" />
<city name="Shen Zhen" value="6" />
</province>
<province name="Zhe Jiang" value="7">
<city name="Hang Zhou" value="8" />
<city name="Weng Zhou" value="9" />
<city name="Ning Bo" value="10" />
</province>
</government>
</xml><body onload="init()">
<form name="frmprovince">
Privince:<select name="provincelist" onchange="changeCity(this.selectedIndex);">
</select>
</form><form name="frmcity">
City:<select name="citylist">
</select>
</form>
</body>
<script language="javascript">
function fillList(oList, nodes)
{
oList.options.length = 0;
if (nodes)
{
for (var i=0; i < nodes.length; i++)
{
var opt = new Option(nodes[i].getAttribute("name"),nodes[i].getAttribute("value"));
oList.options.add(opt);
}
}
}function changeCity(n)
{
if (n >=0)
{
fillList(frmcity.citylist,xmldata.documentElement.childNodes[n].childNodes);
}
}function init()
{
fillList(frmprovince.provincelist,xmldata.documentElement.childNodes);
changeCity(0);
}
</script>
解决方案 »
- EXT JS4.1 切换grouptabpanel 后样式不改变 如图
- IE下无法获取radio.checked状态
- swfupload使用中,如何清除上次选取的文件列表呢
- 求一个可收起来的左菜单
- 关于onclick事件的问题
- 想学习js代码,从上网的临时文件夹中找到一些.js文件,想学习一下,却发现代码全混在一起,有图,这是为什么呀?是出于代码保密的目的吗?
- Java2Script和J2S' SWT讨论
- 纯javascript,如何用的一个自定义属性获得此对象。
- 20分等着你来拿:求梅花雨日历V3.0 [发在非技术区竟然没人理,郁闷]
- 自己写的一段程序,不知道哪里有错?
- asp中能不能将记录集结果赋给数组,并将数组作为参数调用javascript函数???
- 我也遇到同样的问题:两个表单怎样分别提交?
http://www.csdn.net/Develop/read_article.asp?id=11639
http://www.csdn.net/Develop/read_article.asp?id=11641