Html & Script

동적으로 select의 option생성하기

페이지 정보

본문

개요 : 앞의 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)를 생성한다.

관련자료

등록된 댓글이 없습니다.
Today's proverb
올바른 생각은 신이 내린 최고의 선물이다.