fatwolf
/
ERP


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>HTML SELECTION</title>
	</head>
	<body>
		<form>
			<p>請選擇學院</p>
			<select id="college-list" onchange="changeCollege(this.selectedIndex)">
				<tr>
			    
			    {% for i1 in labels1 %}
			    <option>{{i1}}</option>
			    {% endfor %}
			    </tr>
			</select>
			<br>
            <br>
            <p>當你選擇學院後，下列選單會列出屬於該學院的所有科系</p>
			<select id="sector-list">
				<tr>
			    {% for i1 in labels2 %}
			    <option>{{i1}}</option>
			    {% endfor %}
			    </tr>
			</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]=['機械與電腦輔助工程學系 ',' 纖維與複合材料學系 ',' 工業工程與系統管理學系 ',' 化學工程學系 ',' 航太與系統工程學系 ',' 精密系統設計學士學位學程 ','電聲碩士學位學程 ',' 綠色能源科技碩士學位學程 ',' 創意設計碩士學位學程 ',' 材料與製造工程碩士在職專班 ',' 智能製造與工程管理碩士在職學位學程 ','機械與航空工程博士學位學程 '];	

			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>
	</body>
</html>