동적으로 select의 option생성하기
컨텐츠 정보
- 18,440 조회
- 0 추천
- 목록
본문
개요 : 앞의 SELECT BOX의 선택에 따라 뒤의 SELECT BOX의 OPTION값 생성시켜주기
환경 : Javascript
필요한 것 : 없음
--- 설명 ---
월
일
"월"의 SELECT BOX에서 선택한 값에 따라서 "일"의 SELECT BOX의 내용이 바뀌는 Javascript
function days(month){
var length = 0; // length를 0으로 초기화
var day = frmObj.day; // "일" 이라는 SELECTBOX개체를 지정
switch(month){
case "01":
case "03":
case "05":
case "07":
case "08":
case "10":
case "12":
length = 31;
break;
case "04":
case "06":
case "09":
case "11":
length = 30;
break;
case "02":
length = 28;
break;
}
day.innerHTML = ""; //SELECTBOX의 내용을 없애줌.
day.options[0] = new Option("일",""); //SELECTBOX의 처음 option을 생성
for(var i=1;i<=length;i++){
day.options[i] = new Option(i,i); //SELECTBOX의 옵션을 length 만큼 생성시켜준다.
}
}
-- 속성설명 --
day.options[i] //day 라는 SELECT박스의 i번째를 선택.
new Option(i,i) //새로운 Option(텍스트,value)를 생성한다.
관련자료
-
링크