[Java Script] 자바 스크립트 select combo 간단한 구현방법

 

자바 스크립트 select combo 를 간단하게 하드코딩으로 구현하는 방법은 아래와 같다

우선 이거는 

jquery 를 이용한 동적 셀렉트 라는 키워드를 치면 많은 정보들을

구글링을 해서 얻을 수 있다. 

 

보기보다는 jquery 로 쉽게 구현할 수 있다. 

setUIEvent : function(){
	$("#divs").on("change", function(){
		var s1 =  $(this).val();
					
		var options = "";
		if(s1 == "인구") options = "전체연령|남성연령|여성연령|교육정도|혼인상태";
		else if(s1 == "가구") options = "점유형태|세대구성";
		else if(s1 == "주택") options = "연건평|주택유형|건축년도";
		else if(s1 == "사업체") options = "종사자수|사업체수";
					
		$('#items').empty();
					
		var optionArr =  options.split("|");
		for(var i=0;i<optionArr.length;i++){
			$('<option value="'+ optionArr[i] +'">' + optionArr[i] + '</option>').appendTo('#items');
		}
	});