| 搜索频道 | 源码下载 | 站长代码论坛 | 文章分类 | 最新专题 | 源码交易 | 加入收藏
首页|资讯|图形图像|网站开发|程序设计|数据库|多媒体|机械电子|办公系列|路由技术|原理|应用|考试|系统
文章搜索:
 您的位置:首页网站开发XML → 用XML实现国家、省的动态关联
用XML实现国家、省的动态关联

日期:2006-7-12 12:10:33 人气:     [ ]
 <script>
<!--
/----------无垠网域-------------------/
/----------嘻哈呵嘿-------------------/
/* 切换国家对应省所用的函数 */
function populateSheng()
{
pri = main.country.options(main.country.selectedIndex).value;
var oXMLDoc = new ActiveXObject('MSXML');
sURL = 'http://210.192.103.40/HAS_Client/UserReg/change_place_dshxml.asp?pri=' + pri;

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>

<option value=中国澳门>中国澳门</option>
<option value=其它>其它</option>
</select>

省、直辖市:<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啦

出处:本站原创 作者:zzcode
 

 热点文章

·用ASP、VB和XML建立互..
·XML新增批注、处理指令..
·XML 中的常见问题
·简单的XML留言板
·带可选项、带图片的无..
·将XML文件链接至HTML网..
·用XML实现国家、省的动..
·XML与其相关技术
·简析JAVA的XML编程
·构造未来Web页面的工具..
·web.xml中的 security..
·使用xmlhttp 实现多文..
·利用XML不离开页面刷新..
·XML入门精解之结构与语..
·SQL Server和XML的集成..

 推荐文章

·端午非物质文化遗产登..
·动态网站Web开发PHP、..
·PS绘中秋佳节的一轮明..
·细谈网页优化和网站优..
·建站常识:如何使用FT..
·如何快速建造一个成功..
·ASP.NET 2.0 中的创建..
·ASP.NET2.0服务器控件..
·在ASP.NET应用中插入f..
·用Photoshop打造逼真立..
·Windows 2003搭建虚拟..
·站长必读:Web创业的1..
·如何测试机房的速度和..
·北京奥运体育图标发布..
·网络视频广告将身价百..