用XML实现国家、省的动态关联

扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条

用XML实现国家、省的动态关联

作者：来源：中国软件网 2008年6月21日

oXMLDoc.url = sURL;
var oRoot=oXMLDoc.root;
if(oRoot.children != null)
{
//删除省选择框中的所有选项
for(var i=main.province.options.length-1;i>=0;--i)
{
main.province.options.remove(i)
}
var i=0;
//往省选择框中增加选项
while (i<oRoot.children.length)
{
oval = oRoot.children.item(i);
i=i+1;
oname = oRoot.children.item(i);
sval = oval.text;
sname = oname.text;
var oOption = document.createElement(''OPTION'');
oOption.text = sname;
oOption.value = sval;
main.province.options.add(oOption);
i=i+1;
}

//删除市选择框中的所有选项
for(var i=main.city.options.length-1;i>=0;--i)
{
main.city.options.remove(i)
}
//往市选择框中增加选项
var oOption1 = document.createElement(''OPTION'');
oOption1.text = "请选择";
oOption1.value = 0;
main.city.options.add(oOption1);
}
}
/* 切换省对应市所用的函数 */
function populateCity()
{
pri = main.province.options(main.province.selectedIndex).value;
var oXMLDoc = new ActiveXObject(''MSXML'');
sURL = ''http://210.192.103.40/HAS_Client/UserReg/change_place_dchxml.asp?pri='' + pri;

oXMLDoc.url = sURL;
var oRoot=oXMLDoc.root;
if(oRoot.children != null)
{
//删除市选择框中的所有选项
for(var i=main.city.options.length-1;i>=0;--i)
{
main.city.options.remove(i)
}
var i=0;
//往市选择框中增加选项
while (i<oRoot.children.length)
{
oval = oRoot.children.item(i);
i=i+1;
oname = oRoot.children.item(i);
sval = oval.text;
sname = oname.text;
var oOption = document.createElement(''OPTION'');
oOption.text = sname;
oOption.value = sval;
main.city.options.add(oOption);
i=i+1;
}
}
}
//-->
</script>

<body>
<form name="main" method="post">
国家或地区：<select id=country name=country size=1 onchange=populateSheng()>
<option selected value="">请选择</option>
<option value=中国>中国</option>
<option value=中国香港>中国香港</option>
<option value=中国台湾>中国台湾</option>

省、直辖市：<select id=province name=province size=1 onchange=populateCity()>
<option selected value=0>请选择</option>
</select>

省辖各地区：<select name="city">
<option value=0>请选择</option>
</select>
</form>

Copy过去就可以用啦。。呵呵。。盗用了万网的东东。。不过NS不支持这个哦。
如果出现拒绝访问的错误，那就只好自己写程序输出xml啦

VIP专区

VIP用户

普通用户

邮件订阅

如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。

重磅专题

往期文章

用XML实现国家、省的动态关联

业界热点: