<html>
          <head>
          <title> 省市關(guān)聯(lián)菜單 </title>
          <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
          <style>
          body,select
          {
           font-size:9pt;
           font-family:Verdana;
          }
          select {background-color:#F0F0F0;}
          </style>
          <SCRIPT LANGUAGE = JavaScript>
          var nowPro='湖北省';
          var nowCity="宜昌市";
          var pro_City=new Array();
          var province='--請選擇--,北京市,天津市,河北省,山西省,內(nèi)蒙古自治區(qū),遼寧省,吉林省,黑龍江省,上海市,江蘇省,浙江省,安徽省,福建省,江西省,山東省,河南省,湖北省,湖南省,廣東省,廣西自治區(qū),海南省,重慶市,四川省,貴州省,云南省,西藏自治區(qū),陜西省,甘肅省,青海省,寧夏自治區(qū),新疆自治區(qū),香港特別行政區(qū),澳門特別行政區(qū),臺灣省,其它';
          pro_City[0]='--請選擇--';
          pro_City[1]='北京市';
          pro_City[2]='天津市';
          pro_City[3]='河北省,石家莊市,唐山市,秦皇島市,邯鄲市,邢臺市,保定市,張家口市,承德市,滄州市,廊坊市,衡水市';
          pro_City[4]='山西省,太原市,大同市,陽泉市,長治市,晉城市,朔州市,晉中市,運(yùn)城市,忻州市,臨汾市,呂梁市';
          pro_City[5]='內(nèi)蒙古自治區(qū),呼和浩特市,包頭市,烏海市,赤峰市,通遼市,鄂爾多斯市,呼倫貝爾市,巴彥淖爾市,烏蘭察布市,錫林浩特市,烏蘭浩特市';
          pro_City[6]='遼寧省,沈陽市,大連市,鞍山市,撫順市,本溪市,丹東市,錦州市,葫蘆島市,營口市,盤錦市,阜新市,遼陽市,鐵嶺市,朝陽市';
          pro_City[7]='吉林省,長春市,吉林市,四平市,遼源市,通化市,白山市,松原市,白城市,延吉市';
          pro_City[8]='黑龍江省,哈爾濱市,齊齊哈爾市,鶴崗市,雙鴨山市,雞西市,大慶市,伊春市,牡丹江市,佳木斯市,七臺河市,黑河市,綏化市';
          pro_City[9]='上海市';
          pro_City[10]='江蘇省,南京市,無錫市,徐州市,常州市,蘇州市,南通市,連云港市,淮安市,鹽城市,揚(yáng)州市,鎮(zhèn)江市,泰州市,宿遷市';
          pro_City[11]='浙江省,杭州市,寧波市,溫州市,嘉興市,湖州市,紹興市,金華市,衢州市,舟山市,臺州市,麗水市';
          pro_City[12]='安徽省,合肥市,蕪湖市,蚌埠市,淮南市,馬鞍山市,淮北市,銅陵市,安慶市,黃山市,滁州市,阜陽市,宿州市,巢湖市,六安市,亳州市,池州市,宣城市';
          pro_City[13]='福建省,福州市,廈門市,莆田市,三明市,泉州市,漳州市,南平市,龍巖市,寧德市';
          pro_City[14]='江西省,南昌市,景德鎮(zhèn)市,萍鄉(xiāng)市,新余市,九江市,鷹潭市,贛州市,吉安市,宜春市,撫州市,上饒市';
          pro_City[15]='山東省,濟(jì)南市,青島市,淄博市,棗莊市,東營市,濰坊市,煙臺市,威海市,濟(jì)寧市,泰安市,日照市,萊蕪市,德州市,臨沂市,聊城市,濱州市,菏澤市';
          pro_City[16]='河南省,鄭州市,開封市,洛陽市,平頂山市,焦作市,鶴壁市,新鄉(xiāng)市,安陽市,濮陽市,許昌市,漯河市,三門峽市,南陽市,商丘市,信陽市,周口市,駐馬店市,濟(jì)源市';
          pro_City[17]='湖北省,武漢市,黃石市,襄樊市,十堰市,荊州市,宜昌市,荊門市,鄂州市,孝感市,黃岡市,咸寧市,隨州市,恩施市,仙桃市,天門市,潛江市';
          pro_City[18]='湖南省,長沙市,株洲市,湘潭市,衡陽市,邵陽市,岳陽市,常德市,張家界市,益陽市,郴州市,永州市,懷化市,婁底市,吉首市';
          pro_City[19]='廣東省,廣州市,深圳市,珠海市,汕頭市,韶關(guān)市,佛山市,江門市,湛江市,茂名市,肇慶市,惠州市,梅州市,汕尾市,河源市,陽江市,清遠(yuǎn)市,東莞市,中山市,潮州市,揭陽市,云浮市';
          pro_City[20]='廣西自治區(qū),南寧市,柳州市,桂林市,梧州市,北海市,防城港市,欽州市,貴港市,玉林市,百色市,賀州市,河池市,來賓市,崇左市';
          pro_City[21]='海南省,海口市,三亞市';
          pro_City[22]='重慶市';
          pro_City[23]='四川省,成都市,自貢市,攀枝花市,瀘州市,德陽市,綿陽市,廣元市,遂寧市,內(nèi)江市,樂山市,南充市,宜賓市,廣安市,達(dá)州市,眉山市,雅安市,巴中市,資陽市,西昌市';
          pro_City[24]='貴州省,貴陽市,六盤水市,遵義市,安順市,銅仁市,畢節(jié)市,興義市,凱里市,都勻市';
          pro_City[25]='云南省,昆明市,曲靖市,玉溪市,保山市,昭通市,麗江市,思茅市,臨滄市,景洪市,楚雄市,大理市,潞西市';
          pro_City[26]='西藏自治區(qū),拉薩市,日喀則市';
          pro_City[27]='陜西省,西安市,銅川市,寶雞市,咸陽市,渭南市,延安市,漢中市,榆林市,安康市,商洛市';
          pro_City[28]='甘肅省,蘭州市,金昌市,白銀市,天水市,嘉峪關(guān)市,武威市,張掖市,平?jīng)鍪?酒泉市,慶陽市,定西市,隴南市,臨夏市,合作市';
          pro_City[29]='青海省,西寧市,德令哈市,格爾木市';
          pro_City[30]='寧夏自治區(qū),銀川市,石嘴山市,吳忠市,固原市,中衛(wèi)市';
          pro_City[31]='新疆自治區(qū),烏魯木齊市,克拉瑪依市,吐魯番市,哈密市,和田市,阿克蘇市,喀什市,阿圖什市,庫爾勒市,昌吉市,博樂市,伊寧市,塔城市,阿勒泰市,石河子市,阿拉爾市,圖木舒克市,五家渠市,';
          pro_City[32]='香港特別行政區(qū)';
          pro_City[33]='澳門特別行政區(qū)';
          pro_City[34]='臺灣省,臺北市,高雄市,基隆市,臺中市,臺南市,新竹市,嘉義市';
          pro_City[35]='其它';

          function setup(){
           var Array_city;
           var Array_province;
           Array_province=province.split(',');
           for(i=0;i<Array_province.length;i++){
            document.all("province").options.add(new Option(Array_province[i],i));
            if(nowPro==Array_province[i]){
             document.all("province")[i].selected=true;
             Array_city=pro_City[i].split(',');
             if(Array_city.length>1){
              for(j=0;j<Array_city.length;j++){
               document.all("city").options.add(new Option(Array_city[j],j));
               if(nowCity==Array_city[j]){document.all("city")[j].selected=true;}
              }
             }else{
              document.all("city").options.add(new Option(pro_City[i],0));
             }
            }
           }
          }

          function on_pro_select_change(){
           var nowSelectIndex=document.all("province").selectedIndex;
           for(i=document.all("city").length-1;i>=0;i--){document.all("city").options.remove(i);}
           var Array_city=pro_City[nowSelectIndex].split(',');
             if(Array_city.length>1){
              for(j=1;j<Array_city.length;j++){
               document.all("city").options.add(new Option(Array_city[j],j));
               if(nowCity==Array_city[j]){document.all("city")[j].selected=true;}
              }
             }else{
              document.all("city").options.add(new Option(pro_City[nowSelectIndex],0));
             }
          }
          function on_city_change(){
           showCity.innerText=document.all("province")[document.all("province").selectedIndex].innerText+':'+document.all("city")[document.all("city").selectedIndex].innerText;
          }
          </SCRIPT>
          </head>
          <body bgcolor="#E0E0E0" onload="setup()">
          多級關(guān)聯(lián)菜單:
          <form name="frm">
          省份<select id="province" onchange="on_pro_select_change()">

          </select>
          城市<select id="city" onchange="on_city_change()">

          </select>
          </form>
          <div id=showCity></div>
          </body>
          </html>


           

          posted on 2005-11-08 16:27 飛揚(yáng) 閱讀(2818) 評論(5)  編輯  收藏
          評論
          • # re: 自己做的一個(gè)省市聯(lián)動菜單[未登錄]
            大頭
            Posted @ 2008-04-08 17:50
            這個(gè)問題在網(wǎng)上搞了一下午,最后終于搞定了,感謝閣下啊!!!  回復(fù)  更多評論   
          • # re: 自己做的一個(gè)省市聯(lián)動菜單
            感謝
            Posted @ 2008-04-11 12:45
            謝謝  回復(fù)  更多評論   
          • # re: 自己做的一個(gè)省市聯(lián)動菜單
            jjq
            Posted @ 2008-08-31 12:47
            提交到數(shù)據(jù)庫后 要是想進(jìn)行修改的話,代碼怎么改  回復(fù)  更多評論   
          • # re: 自己做的一個(gè)省市聯(lián)動菜單[未登錄]

            Posted @ 2010-09-20 11:09
            這個(gè)一點(diǎn)技術(shù)含量都沒有,純體力勞動!  回復(fù)  更多評論   
          • # re: 自己做的一個(gè)省市聯(lián)動菜單
            IISBOY網(wǎng)
            Posted @ 2012-02-15 16:47
            樓主的代碼有點(diǎn)兒小問題 返回選擇默認(rèn)的省市 會出現(xiàn)錯誤。  回復(fù)  更多評論   

          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           

          統(tǒng)計(jì)

          FAQ網(wǎng)站

          JSP/Java/Servlet開發(fā)工具

          JSP/Java/Servlet技術(shù)著名網(wǎng)站

          JSP/Servlet應(yīng)用程序站點(diǎn)

          優(yōu)選博客

          主站蜘蛛池模板: 宁津县| 无棣县| 阿拉善盟| 彰化市| 赤峰市| 台南县| 大方县| 巴南区| 富锦市| 丘北县| 房产| 东至县| 无棣县| 宜城市| 武鸣县| 长岛县| 济宁市| 当涂县| 佛冈县| 清远市| 仁布县| 深泽县| 台前县| 钟山县| 通许县| 浮梁县| 巴彦县| 鲜城| 宜昌市| 浙江省| 新和县| 绥宁县| 北辰区| 平塘县| 龙井市| 阳新县| 普安县| 宜兰县| 苏尼特右旗| 涞水县| 赤壁市|