<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>HTML SELECTION</title>
	</head>
	<body>
<Form Method="發送" Action="brian0000918@gmail.com" Enctype="text/plain">
		<form>
			<p>以下為供裝區域，請選擇城市</p>
			<select id="college-list" onchange="changeCollege(this.selectedIndex)"></select>
			<br>
            <br>
			<select id="sector-list"></select>
		</form>
		
		<script type="text/javascript">
			var colleges=['基隆市','台北市','新北市','桃園市','台南市','高雄市'];
			var collegeSelect=document.getElementById("college-list");
			var inner="";
			for(var i=0;i<colleges.length;i++){
				inner=inner+'<option value=i>'+colleges[i]+'</option>';
			}
			collegeSelect.innerHTML=inner;
			
			
			var sectors=new Array();
			sectors[0]=['全區 '];
			sectors[1]=['松山區','中山區','大同區','內湖區','南港區','信義區','大安區','文山區'];	
			sectors[2]=['中和區','永和區','三峽區','鶯歌區','樹林區','板橋區','土城'];	
			sectors[3]=['桃園區','龜山區','盧竹區','八德區','大園區'];
			sectors[4]=['中正區','東區','南區','北區','安平區','安南區']
			sectors[5]=['前金區','前鎮區','苓雅區','小港區','新興區','左營區','楠梓區','三民區','鼓山區','旗津區','鹽埕區'];

			function changeCollege(index){
				var Sinner="";
				for(var i=0;i<sectors[index].length;i++){
					Sinner=Sinner+'<option value=i>'+sectors[index][i]+'</option>';
				}
				var sectorSelect=document.getElementById("sector-list");
				sectorSelect.innerHTML=Sinner;
			}
			changeCollege(document.getElementById("college-list").selectedIndex);
		</script>
請留下聯絡人(例:黃小姐)及聯絡電話
<br><textarea cols="60" rows="10" name="備註"></textarea>
<Input Type="Submit" Value="送出表單" onClick="setTimeout('exit()', 2000)")">
</FORM>
	</body>
</html>