位置:海鸟网 > IT > ASP.NET >

省市联动菜单

<%
'载入的时候会根据从客户端取得的Province和City值自动先中下拉项
strProvince=Request.QueryString("Province")
strCity=Request.QueryString("City")
strFormName="form1"  '这里表单名称
'调用:Call Province_City(strProvince,strCity,strFormName)

Sub Province_City(strProvince,strCity,strFormName)
%>
    <script language="JavaScript">
    <!--
    Citys = new Array(); 
    Citys[0] = new Array("北京市","北京"); 
    Citys[1] = new Array("上海市","上海"); 
    Citys[2] = new Array("天津市","天津"); 
    Citys[3] = new Array("重庆市","重庆"); 
    Citys[4] = new Array("河北省","石家庄市|邯郸市|邢台市|保定市|张家口市|承德市|廊坊市|唐山市|秦皇岛市|沧州市|衡水市"); 
    Citys[5] = new Array("山西省","太原市|大同市|阳泉市|长治市|晋城市|朔州市|吕梁市|忻州市|晋中市|临汾市|运城市"); 
    Citys[6] = new Array("辽宁省","沈阳市|大连市|鞍山市|抚顺市|本溪市|丹东市|锦州市|营口市|阜新市|辽阳市|盘锦市|铁岭市|朝阳市|葫芦岛市"); 
    Citys[7] = new Array("吉林省","长春市|吉林市|四平市|辽源市|通化市|白山市|松原市|白城市|延边市"); 
    Citys[8] = new Array("黑龙江省","哈尔滨市|齐齐哈尔市|牡丹江市|佳木斯市|大庆市|绥化市|鹤岗市|鸡西市|黑河市|双鸭山市|伊春市|七台河市|大兴安岭市"); 
    Citys[9] = new Array("江苏省","南京市|镇江市|苏州市|南通市|扬州市|盐城市|徐州市|连云港市|常州市|无锡市|宿迁市|泰州市|淮安市"); 
    Citys[10] = new Array("浙江省","杭州市|宁波市|温州市|嘉兴市|湖州市|绍兴市|金华市|衢州市|舟山市|台州市|丽水市"); 
    Citys[11] = new Array("安徽省","合肥市|芜湖市|蚌埠市|马鞍山市|淮北市|铜陵市|安庆市|黄山市|滁州市|宿州市|池州市|淮南市|巢湖市|阜阳市|六安市|宣城市|亳州市"); 
    Citys[12] = new Array("福建省","福州市|厦门市|莆田市|三明市|泉州市|漳州市|南平市|龙岩市|宁德市"); 
    Citys[13] = new Array("江西省","南昌市市|景德镇市|九江市|鹰潭市|萍乡市|新馀市|赣州市|吉安市|宜春市|抚州市|上饶市"); 
    Citys[14] = new Array("山东省","济南市|青岛市|淄博市|枣庄市|东营市|烟台市|潍坊市|济宁市|泰安市|威海市|日照市|莱芜市|临沂市|德州市|聊城市|滨州市|菏泽市"); 
    Citys[15] = new Array("河南省","郑州市|开封市|洛阳市|平顶山市|安阳市|鹤壁市|新乡市|焦作市|濮阳市|许昌市|漯河市|三门峡市|南阳市|商丘市|信阳市|周口市|驻马店市|济源市"); 
    Citys[16] = new Array("湖北省","武汉市|宜昌市|荆州市|襄樊市|黄石市|荆门市|黄冈市|十堰市|恩施市|潜江市|天门市|仙桃市|随州市|咸宁市|孝感市|鄂州市");
    Citys[17] = new Array("湖南省","长沙市|常德市|株洲市|湘潭市|衡阳市|岳阳市|邵阳市|益阳市|娄底市|怀化市|郴州市|永州市|湘西市|张家界市"); 
    Citys[18] = new Array("广东省","广州市|深圳市|珠海市|汕头市|东莞市|中山市|佛山市|韶关市|江门市|湛江市|茂名市|肇庆市|惠州市|梅州市|汕尾市|河源市|阳江市|清远市|潮州市|揭阳市|云浮市"); 
    Citys[19] = new Array("甘肃省","兰州市|嘉峪关市|金昌市|白银市|天水市|酒泉市|张掖市|武威市|定西市|陇南市|平凉市|庆阳市|临夏市|甘南市"); 
    Citys[20] = new Array("陕西省","西安市|宝鸡市|咸阳市|铜川市|渭南市|延安市|榆林市|汉中市|安康市|商洛市"); 
    Citys[21] = new Array("内蒙古自治区","呼和浩特市|包头市|乌海市|集宁市|通辽市|赤峰市|呼伦贝尔盟|阿拉善盟|哲里木盟|兴安盟|乌兰察布盟|锡林郭勒盟|巴彦淖尔盟|伊克昭盟"); 
    Citys[22] = new Array("广西壮族自治区","南宁市|柳州市|桂林市|梧州市|北海市|防城港市|钦州市|贵港市|玉林市|南宁市|柳州市|贺州市|百色市|河池市"); 
    Citys[23] = new Array("四川省","|成都市|绵阳市|德阳市|自贡市|攀枝花市|广元市|内江市|乐山市|南充市|宜宾市|广安市|达川市|雅安市|眉山市|甘孜市|凉山市|泸州市"); 
    Citys[24] = new Array("贵州省","贵阳市|六盘水市|遵义市|安顺市|铜仁市|黔西南市|毕节市|黔东南市|黔南市"); 
    Citys[25] = new Array("云南省","昆明市|大理市|曲靖市|玉溪市|昭通市|楚雄市|红河市|文山市|思茅市|西双版纳市|保山市|德宏市|丽江市|怒江市|迪庆市|临沧市");
    Citys[26] = new Array("西藏自治区","拉萨市|日喀则市|山南市|林芝市|昌都市|阿里市|那曲市"); 
    Citys[27] = new Array("海南省","海口市|三亚市"); 
    Citys[28] = new Array("宁夏回族自治区","银川市|石嘴山市|吴忠市|固原市"); 
    Citys[29] = new Array("青海省","西宁市|海东市|海南市|海北市|黄南市|玉树市|果洛市|海西市"); 
    Citys[30] = new Array("新疆维吾族自治区","乌鲁木齐市|石河子市|克拉玛依市|伊犁市|巴音郭勒市|昌吉市|克孜勒苏柯尔克孜市|博尔塔拉市|吐鲁番市|哈密市|喀什市|和田市|阿克苏市"); 
    Citys[31] = new Array("香港","香港"); 
    Citys[32] = new Array("澳门","澳门"); 
    Citys[33] = new Array("台湾省","台北市|高雄市|台中市|台南市|屏东市|南投市|云林市|新竹市|彰化市|苗栗市|嘉义市|花莲市|桃园市|宜兰市|基隆市|台东市|金门市|马祖市|澎湖市"); 
    Citys[34] = new Array("美国","美国");
    Citys[35] = new Array("加拿大","加拿大");
    Citys[35] = new Array("新加坡","新加坡");
    Citys[36] = new Array("韩国","韩国");
    Citys[37] = new Array("日本","日本");
    Citys[38] = new Array("东南亚","东南亚");
    Citys[39] = new Array("南美洲","南美洲");
    Citys[40] = new Array("澳大利亚","澳大利亚");
    Citys[41] = new Array("欧洲","欧洲");
    Citys[42] = new Array("非洲","非洲");
    Citys[43] = new Array("亚洲","亚洲");
    Citys[44] = new Array("其它","其它"); 

    function ChangeCity(getProvince)
    {
    var getProvince = getProvince;
    var i,j,k;
    with(document.<%=strFormName%>)
        {
        city .length = 0 ; 
        city .options[city.length] = new Option("==请选择==",""); 
        for (i = 0 ;i <Citys.length;i++)
          { 
          if(Citys[i][0]==getProvince)
            { 
            tmpCitys = Citys[i][1].split("|")
            for(j=0;j<tmpCitys.length;j++)
              {
            city.options[city.length] = new Option(tmpCitys[j],tmpCitys[j]); 
              }
            } 
          } 
        for (k=0;k<city.options.length;k++)
          { 
          if(city.options[k].value=="<%=strCity%>")
          {city.options[k].selected=true;break;} 
          }
        }
    }
    //-->
    </script>
    <select name="province" onChange = "ChangeCity(this.options[this.selectedIndex].value)">
        <option value="">===请选择===</option>
        <option value="北京市">北京市</option>
        <option value="上海市">上海市</option>
        <option value="天津市">天津市</option>
        <option value="重庆市">重庆市</option>
        <option value="河北省">河北省</option>
        <option value="山西省">山西省</option>
        <option value="辽宁省">辽宁省</option>
        <option value="吉林省">吉林省</option>
        <option value="黑龙江省">黑龙江省</option>
        <option value="江苏省">江苏省</option>
        <option value="浙江省">浙江省</option>
        <option value="安徽省">安徽省</option>
        <option value="福建省">福建省</option>
        <option value="江西省">江西省</option>
        <option value="山东省">山东省</option>
        <option value="河南省">河南省</option>
        <option value="湖北省">湖北省</option>
        <option value="湖南省">湖南省</option>
        <option value="广东省">广东省</option>
        <option value="甘肃省">甘肃省</option>
        <option value="陕西省">陕西省</option>
        <option value="内蒙古自治区">内蒙古自治区</option>
        <option value="广西壮族自治区">广西壮族自治区</option>
        <option value="四川省">四川省</option>
        <option value="贵州省">贵州省</option>
        <option value="云南省">云南省</option>
        <option value="西藏自治区">西藏自治区</option>
        <option value="海南省">海南省</option>
        <option value="宁夏回族自治区">宁夏回族自治区</option>
        <option value="新疆维吾族自治区">新疆维吾族自治区</option>
        <option value="香港">香港</option>
        <option value="澳门">澳门</option>
        <option value="台湾省">台湾省</option>
        <option value="美国">美国</option>
        <option value="加拿大">加拿大</option>
        <option value="新加坡">新加坡</option>
        <option value="韩国">韩国</option>
        <option value="日本">日本</option>
        <option value="东南亚">东南亚</option>
        <option value="南美洲">南美洲</option>
        <option value="澳大利亚">澳大利亚</option>
        <option value="欧洲">欧洲</option>
        <option value="非洲">非洲</option>
        <option value="亚洲">亚洲</option>
        <option value="其它">其它</option>
    </select>

    <select name="city">
        <option>==城市==</option>
    </select>
    <script language="JavaScript">
    <!--
    with(document.<%=strFormName%>)
    {
    for(pp=0;pp<province.options.length;pp++)
      { 
      if(province.options[pp].value=="<%=strProvince%>")
      {province.options[pp].selected=true;break;} 
      }
    ChangeCity(province.options[province.selectedIndex].value)
    }
    //-->
    </script>
<%
End Sub
%>

页面载入的时候<body >