The Realization of Linked Select by JavaScript and XML

来源：互联网发布：网站连接数据库失败编辑：程序博客网时间：2024/06/04 19:59

1.JavaScript

function clearOption(obj)
{
while(obj.options.length>0){
obj.options[obj.options.length-1] = null ;
}
}

function selectedProv(obj,province)
{
for(var i=0;i<obj.options.length;i++){
  if(obj.options[i].value == province){
   obj.options[i].selected = true ;
   break ;
  }
}
}

function init(){
showprovince(document.Form1.DisID);
selectedProv(document.Form1.DisID,'');
selectedCity(document.Form1.SubDID,'','');
}
window.onload=init;

2.XML

<?xml version='1.0' encoding='gb2312' ?>
<Area>
<Province name='北京'>
  <City name='东城区' />
  <City name='西城区' />
  <City name='崇文区' />
  <City name='宣武区' />
  <City name='朝阳区' />
  <City name='海淀区' />
  <City name='丰台区' />
  <City name='石景山区' />
  <City name='顺义区' />
  <City name='昌平区' />
  <City name='门头沟区' />
  <City name='通州区' />
  <City name='房山区' />
  <City name='大兴区' />
  <City name='延庆县' />
  <City name='怀柔区' />
  <City name='平谷区' />
  <City name='密云县' />
</Province>
<Province name='广东'>
  <City name='广州' />
  <City name='汕尾' />
  <City name='潮阳' />
  <City name='阳江' />
  <City name='揭阳' />
  <City name='茂名' />
  <City name='江门' />
  <City name='韶关' />
  <City name='惠州' />
  <City name='梅州' />
  <City name='汕头' />
  <City name='深圳' />
  <City name='珠海' />
  <City name='佛山' />
  <City name='肇庆' />
  <City name='湛江' />
  <City name='中山' />
  <City name='河源' />
  <City name='清远' />
  <City name='顺德' />
  <City name='云浮' />
  <City name='潮州' />
  <City name='东莞' />
</Province>
<Province name='上海'>
  <City name='黄浦区' />
  <City name='闸北区' />
  <City name='静安区' />
  <City name='徐汇区' />
  <City name='长宁区' />
  <City name='闵行区' />
  <City name='浦东区' />
  <City name='宝山区' />
  <City name='嘉定区' />
  <City name='卢湾区' />
  <City name='青浦区' />
  <City name='松江区' />
  <City name='金山区' />
  <City name='奉贤区' />
  <City name='杨浦区' />
  <City name='虹口区' />
  <City name='南汇区' />
  <City name='普陀区' />
  <City name='崇明县' />
</Province>
<Province name='天津'>
  <City name='天津' />
</Province>
<Province name='重庆'>
  <City name='沙坪坝区' />
  <City name='渝中区' />
  <City name='大渡口区' />
  <City name='北碚区' />
  <City name='江北区' />
  <City name='南岸区' />
  <City name='九龙坡区' />
  <City name='渝北区' />
  <City name='巴南区' />
  <City name='长寿区' />
  <City name='黔江区' />
  <City name='双桥区' />
  <City name='万盛区' />
  <City name='涪陵' />
  <City name='万县' />
  <City name='永川' />
  <City name='合川' />
  <City name='江津' />
  <City name='南川' />
  <City name='綦江县' />
  <City name='潼南县' />
  <City name='荣昌县' />
  <City name='壁山县' />
  <City name='大足县' />
  <City name='铜梁县' />
  <City name='梁平县' />
  <City name='城口县' />
  <City name='垫江县' />
  <City name='武隆县' />
  <City name='丰都县' />
  <City name='奉节县' />
  <City name='开县' />
  <City name='云阳县' />
  <City name='忠县' />
  <City name='巫溪县' />
  <City name='巫山县' />
  <City name='秀山县' />
  <City name='石柱县' />
  <City name='酉阳县' />
  <City name='彭水县' />
</Province>
<Province name='辽宁'>
  <City name='沈阳' />
  <City name='铁岭' />
  <City name='铁法' />
  <City name='大连' />
  <City name='瓦房店' />
  <City name='长海' />
  <City name='鞍山' />
  <City name='海城' />
  <City name='抚顺' />
  <City name='本溪' />
  <City name='丹东' />
  <City name='锦州' />
  <City name='营口' />
  <City name='阜新' />
  <City name='辽阳' />
  <City name='朝阳' />
  <City name='北票' />
  <City name='盘锦' />
  <City name='葫芦岛' />
  <City name='兴城' />
</Province>
<Province name='江苏'>
  <City name='南京' />
  <City name='无锡' />
  <City name='江阴' />
  <City name='宜兴' />
  <City name='镇江' />
  <City name='丹阳' />
  <City name='苏州' />
  <City name='吴江' />
  <City name='南通' />
  <City name='扬州' />
  <City name='仪征' />
  <City name='盐城' />
  <City name='东台' />
  <City name='徐州' />
  <City name='淮安' />
  <City name='淮阴' />
  <City name='连云港' />
  <City name='常州' />
  <City name='常熟' />
  <City name='泰州' />
  <City name='靖江' />
  <City name='兴化' />
  <City name='宿迁' />
</Province>
<Province name='湖北'>
  <City name='武汉' />
  <City name='襄樊' />
  <City name='老河口' />
  <City name='鄂州' />
  <City name='孝感' />
  <City name='安陆' />
  <City name='应城' />
  <City name='黄冈' />
  <City name='武穴' />
  <City name='麻城' />
  <City name='黄石' />
  <City name='咸宁' />
  <City name='蒲圻' />
  <City name='荆州' />
  <City name='石首' />
  <City name='宜昌' />
  <City name='枝城' />
  <City name='恩施' />
  <City name='利川' />
  <City name='十堰' />
  <City name='丹江口' />
  <City name='随州' />
  <City name='荆门' />
  <City name='仙桃' />
  <City name='洪湖' />
  <City name='天门' />
  <City name='江汉' />
</Province>
<Province name='四川'>
  <City name='成都' />
  <City name='攀枝花' />
  <City name='自贡' />
  <City name='绵阳' />
  <City name='南充' />
  <City name='达州' />
  <City name='遂宁' />
  <City name='广安' />
  <City name='华蓥' />
  <City name='巴中' />
  <City name='泸州' />
  <City name='宜宾' />
  <City name='资阳' />
  <City name='内江' />
  <City name='乐山' />
  <City name='眉山' />
  <City name='西昌' />
  <City name='雅安' />
  <City name='甘孜州' />
  <City name='马尔康' />
  <City name='德阳' />
  <City name='广元' />
</Province>
<Province name='陕西'>
  <City name='西安' />
  <City name='咸阳' />
  <City name='延安' />
  <City name='榆林' />
  <City name='渭南' />
  <City name='商洛' />
  <City name='安康' />
  <City name='汉中' />
  <City name='宝鸡' />
  <City name='铜川' />
</Province>
<Province name='河北'>
  <City name='邯郸' />
  <City name='石家庄' />
  <City name='辛集' />
  <City name='保定' />
  <City name='涿州' />
  <City name='定州' />
  <City name='张家口' />
  <City name='承德' />
  <City name='唐山' />
  <City name='廊坊' />
  <City name='霸州' />
  <City name='沧州' />
  <City name='任丘' />
  <City name='泊头' />
  <City name='衡水' />
  <City name='邢台' />
  <City name='南宫' />
  <City name='沙河' />
  <City name='秦皇岛' />
</Province>
<Province name='山西'>
  <City name='朔州' />
  <City name='忻州' />
  <City name='太原' />
  <City name='大同' />
  <City name='阳泉' />
  <City name='榆次' />
  <City name='长治' />
  <City name='晋城' />
  <City name='临汾' />
  <City name='侯马' />
  <City name='离石' />
  <City name='运城' />
</Province>
<Province name='河南'>
  <City name='商丘' />
  <City name='郑州' />
  <City name='安阳' />
  <City name='新乡' />
  <City name='许昌' />
  <City name='平顶山' />
  <City name='信阳' />
  <City name='南阳' />
  <City name='开封' />
  <City name='洛阳' />
  <City name='焦作' />
  <City name='鹤壁' />
  <City name='濮阳' />
  <City name='周口' />
  <City name='漯河' />
  <City name='驻马店' />
  <City name='潢川' />
  <City name='三门峡' />
  <City name='义马' />
</Province>
<Province name='吉林'>
  <City name='长春' />
  <City name='吉林' />
  <City name='公主岭' />
  <City name='桦甸' />
  <City name='延边自治州' />
  <City name='延吉' />
  <City name='敦化市' />
  <City name='图们' />
  <City name='四平' />
  <City name='通化' />
  <City name='集安' />
  <City name='白城' />
  <City name='扶余' />
  <City name='洮南' />
  <City name='辽源' />
  <City name='松原' />
  <City name='龙井' />
  <City name='白山' />
  <City name='珲春' />
  <City name='梅河口' />
</Province>
<Province name='黑龙江'>
  <City name='阿城' />
  <City name='哈尔滨' />
  <City name='肇东' />
  <City name='齐齐哈尔' />
  <City name='牡丹江' />
  <City name='绥汾河' />
  <City name='佳木斯' />
  <City name='同江' />
  <City name='绥化' />
  <City name='黑河' />
  <City name='五大连池' />
  <City name='北安' />
  <City name='伊春' />
  <City name='大庆' />
  <City name='七台河' />
  <City name='鸡西' />
  <City name='鹤岗' />
  <City name='双鸭山' />
</Province>
<Province name='内蒙古'>
  <City name='海拉尔' />
  <City name='扎兰屯' />
  <City name='牙克石' />
  <City name='满洲里' />
  <City name='呼和浩特' />
  <City name='包头' />
  <City name='乌海' />
  <City name='集宁' />
  <City name='通辽' />
  <City name='霍林郭勒' />
  <City name='赤峰' />
  <City name='东胜' />
  <City name='临河' />
  <City name='锡林浩特' />
  <City name='二连浩特' />
  <City name='乌兰浩特' />
  <City name='巴彦浩特' />
</Province>
<Province name='山东'>
  <City name='菏泽' />
  <City name='济南' />
  <City name='青岛' />
  <City name='淄博' />
  <City name='德州' />
  <City name='烟台' />
  <City name='潍坊' />
  <City name='青州' />
  <City name='诸城' />
  <City name='济宁' />
  <City name='曲阜' />
  <City name='泰安' />
  <City name='新泰' />
  <City name='临沂' />
  <City name='滨州' />
  <City name='东营' />
  <City name='威海' />
  <City name='文登' />
  <City name='枣庄' />
  <City name='滕州' />
  <City name='日照' />
  <City name='莱芜' />
  <City name='聊城' />
  <City name='临清' />
</Province>
<Province name='安徽'>
  <City name='滁州' />
  <City name='合肥' />
  <City name='蚌埠' />
  <City name='芜湖' />
  <City name='淮南' />
  <City name='马鞍山' />
  <City name='安庆' />
  <City name='宿州' />
  <City name='阜阳' />
  <City name='亳州' />
  <City name='黄山' />
  <City name='淮北' />
  <City name='铜陵' />
  <City name='宣城' />
  <City name='六安' />
  <City name='巢湖' />
  <City name='池州' />
</Province>
<Province name='浙江'>
  <City name='衢州' />
  <City name='江山' />
  <City name='杭州' />
  <City name='萧山' />
  <City name='湖州' />
  <City name='嘉兴' />
  <City name='海宁' />
  <City name='宁波' />
  <City name='奉化' />
  <City name='临海' />
  <City name='余姚' />
  <City name='绍兴' />
  <City name='台州' />
  <City name='椒江' />
  <City name='温州' />
  <City name='瑞安' />
  <City name='丽水' />
  <City name='金华' />
  <City name='东阳' />
  <City name='义乌' />
  <City name='兰溪' />
  <City name='舟山' />
</Province>
<Province name='福建'>
  <City name='福州' />
  <City name='厦门' />
  <City name='宁德' />
  <City name='莆田' />
  <City name='泉州' />
  <City name='石狮' />
  <City name='漳州' />
  <City name='龙岩' />
  <City name='三明' />
  <City name='永安' />
  <City name='南平' />
  <City name='邵武' />
</Province>
<Province name='湖南'>
  <City name='岳阳' />
  <City name='汨罗' />
  <City name='长沙' />
  <City name='湘潭' />
  <City name='湘乡' />
  <City name='株洲' />
  <City name='衡阳' />
  <City name='耒阳' />
  <City name='郴州' />
  <City name='常德' />
  <City name='津' />
  <City name='益阳' />
  <City name='娄底' />
  <City name='涟源' />
  <City name='冷水江' />
  <City name='邵阳' />
  <City name='吉首' />
  <City name='张家界' />
  <City name='怀化' />
  <City name='洪江' />
  <City name='永州' />
  <City name='冷水滩' />
</Province>
<Province name='广西'>
  <City name='防城港' />
  <City name='东兴' />
  <City name='南宁' />
  <City name='凭祥' />
  <City name='柳州' />
  <City name='合山' />
  <City name='桂林' />
  <City name='梧州' />
  <City name='贺州' />
  <City name='玉林' />
  <City name='贵港' />
  <City name='百色' />
  <City name='钦州' />
  <City name='河池' />
  <City name='东兰' />
  <City name='北海' />
</Province>
<Province name='江西'>
  <City name='鹰潭' />
  <City name='新余' />
  <City name='南昌' />
  <City name='九江' />
  <City name='庐山' />
  <City name='上饶' />
  <City name='抚州' />
  <City name='黎川' />
  <City name='宜春' />
  <City name='吉安' />
  <City name='井冈山' />
  <City name='赣州' />
  <City name='景德镇' />
  <City name='萍乡' />
</Province>
<Province name='贵州'>
  <City name='贵阳' />
  <City name='遵义' />
  <City name='赤水' />
  <City name='安顺' />
  <City name='都匀' />
  <City name='凯里' />
  <City name='铜仁' />
  <City name='毕节' />
  <City name='六盘水' />
  <City name='兴义' />
</Province>
<Province name='云南'>
  <City name='版纳' />
  <City name='德宏' />
  <City name='昭通' />
  <City name='昆明' />
  <City name='大理' />
  <City name='个旧' />
  <City name='潞西' />
  <City name='开远' />
  <City name='曲靖' />
  <City name='保山' />
  <City name='文山' />
  <City name='玉溪' />
  <City name='楚雄' />
  <City name='思茅' />
  <City name='东川' />
  <City name='临沧' />
  <City name='六库' />
  <City name='中甸' />
  <City name='丽江' />
</Province>
<Province name='西藏'>
  <City name='拉萨' />
  <City name='日喀则' />
  <City name='山南' />
  <City name='林芝' />
  <City name='昌都' />
  <City name='那曲' />
  <City name='阿里' />
</Province>
<Province name='海南'>
  <City name='儋州' />
  <City name='海口' />
  <City name='通什' />
  <City name='三亚' />
</Province>
<Province name='甘肃'>
  <City name='临夏' />
  <City name='兰州' />
  <City name='定西' />
  <City name='平凉' />
  <City name='庆阳' />
  <City name='西峰' />
  <City name='金昌' />
  <City name='武威' />
  <City name='张掖' />
  <City name='酒泉' />
  <City name='嘉峪关' />
  <City name='玉门' />
  <City name='天水' />
  <City name='陇南' />
  <City name='白银' />
</Province>
<Province name='宁夏'>
  <City name='银川' />
  <City name='石嘴山' />
  <City name='青铜峡' />
  <City name='吴忠' />
  <City name='固原' />
</Province>
<Province name='青海'>
  <City name='海晏' />
  <City name='西宁' />
  <City name='海东' />
  <City name='同仁' />
  <City name='共和' />
  <City name='玛沁' />
  <City name='玉树' />
  <City name='德令哈' />
  <City name='门源' />
  <City name='格尔木' />
</Province>
<Province name='新疆'>
  <City name='塔城' />
  <City name='哈密' />
  <City name='和田' />
  <City name='阿勒泰' />
  <City name='阿图什' />
  <City name='博乐' />
  <City name='克拉玛依' />
  <City name='乌鲁木齐' />
  <City name='奎屯' />
  <City name='石河子' />
  <City name='昌吉' />
  <City name='吐鲁番' />
  <City name='库尔勒' />
  <City name='阿克苏' />
  <City name='喀什' />
  <City name='伊犁' />
</Province>
<Province name='台湾'>
  <City name='台湾' />
</Province>
<Province name='国外'>
  <City name='国外' />
</Province>
<Province name='香港'>
  <City name='香港' />
</Province>
<Province name='澳门'>
  <City name='澳门' />
</Province>
</Area>

3.Method Call in HTML