JavaScript級聯國家地區

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript">		

		function changeChau(theChau){
			var theCountrys;
			var ifRealCountry=true;
			if(theChau==1){/* 亞洲國家、地區 */
				theCountrys=["香港","澳門","臺灣","韓國","日本","阿富汗","東帝汶","阿聯酋","巴基斯坦","沙特阿拉伯","巴林","印尼","泰國","尼泊爾","卡塔爾","土耳其","孟加拉國","哈薩克斯坦","緬甸","越南","阿曼","菲律賓","黎巴嫩","巴勒斯坦","亞美尼亞","土庫曼斯坦","蒙古","老撾","約旦","柬埔寨","科威特","塞浦路斯","阿塞拜疆","塔吉克斯坦","朝鮮","文萊","伊朗","新加坡","伊拉克","斯里蘭卡","格魯吉亞","吉爾吉斯斯坦","印度","不丹","也門","以色列","敘利亞","馬爾代夫","馬來西亞","烏茲別克斯坦"];				
			}
			else if(theChau==2){/* 歐洲國家、地區 */
				theCountrys=["瑞士","英國","瑞典","意大利","馬其頓","白俄羅斯","克羅地亞","塞爾維亞共和國","捷克","希臘","波黑","盧森堡","立陶宛","保加利亞","愛沙尼亞","黑山","德國","冰島","安道爾","摩納哥","烏克蘭","羅馬尼亞","拉脫維亞","丹麥","荷蘭","奧地利","馬耳他","梵蒂岡","斯洛伐克","阿爾巴尼亞","芬蘭","挪威","比利時","葡萄牙","匈牙利","聖馬力諾","斯洛文尼亞","法國","波蘭","西班牙","愛爾蘭","俄羅斯","摩爾多瓦","列支敦士登"];
			}
			else if(theChau==3){/* 非洲國家、地區 */
				theCountrys=["貝寧","南非","吉布提","尼日爾","贊比亞","尼日利亞","阿爾及利亞","毛里塔尼亞","埃及","加蓬","幾內亞","岡比亞","博茨瓦納","塞內加爾","埃塞俄比亞","中非共和國","加納","安哥拉","肯尼亞","盧旺達","科特迪瓦","塞拉利昂","厄立特里亞","馬達加斯加","馬裏","布隆迪","利比亞","索馬里","津巴布韋","斯威士蘭","幾內亞比紹","剛果共和國","蘇丹","喀麥隆","萊索托","塞舌爾","莫桑比克","坦桑尼亞","赤道幾內亞","剛果民主共和國","乍得","科摩羅","摩洛哥","突尼斯","毛里求斯","利比里亞","布基納法索","聖多美和普林西比","多哥","佛得角","馬拉維","烏干達","納米比亞"];
			}
			else if(theChau==4){/* 大洋洲國家、地區 */
				theCountrys=["帕勞","瑙魯","圖瓦盧","澳大利亞","馬紹爾羣島","斐濟","薩摩亞","基里巴斯","庫克羣島","巴布亞新幾內亞","湯加","新西蘭","瓦努阿圖","所羅門羣島","密克羅尼西亞","紐埃"];
			}
			else if(theChau==5){/* 美洲國家、地區 */
				theCountrys=["美國","祕魯","加拿大","墨西哥","委內瑞拉","洪都拉斯","哥斯達黎加","巴西","阿根廷","牙買加","蘇里南","薩爾瓦多","聖盧西亞","安提瓜和巴布達","智利","巴哈馬","巴拿馬","玻利維亞","厄瓜多爾","尼加拉瓜","聖基茨和尼維斯","古巴","伯利茲","烏拉圭","巴巴多斯","格林納達","多米尼加","特立尼達和多巴哥","海地","圭亞那","巴拉圭","哥倫比亞","危地馬拉","多米尼克","聖文森特和格林納丁斯"];
			}
			else {ifRealCountry=false;}
			var guojia=document.getElementById("guojia");
			guojia.options.length=0;
			guojia.options.add(new Option("--請選擇--",""));
			if(ifRealCountry){
				for(var i=0;i<theCountrys.length;i++){					
					guojia.options.add(new Option(theCountrys[i],theCountrys[i]));
				}
			}
		}
  </script>
 </head>

 <body>
  <select id="s1" onChange="changeChau(this.value);">
		<option value="" selected="selected">--請選擇--</option>
		<option value="1">亞洲</option>
		<option value="2">歐洲</option>
		<option value="3">非洲</option>
		<option value="4">大洋洲</option>		
		<option value="5">美洲</option>
	</select>
	<select id="guojia" name="guojia">
		<option value="" selected="selected">--請選擇--</option>
	</select>
 </body>
</html>
相關文章
相關標籤/搜索