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
이슬비가 내리고 있다. 당신은 밖에 나가서 우산을 편다. 그것으로 충분하다.“구질구질하게 또 비가 오는군!” 이런 말을 한들 무슨 소용이 있는가. 비도, 구름도, 바람도 결코 마음대로 되지 않는데 어째서 “비 한번 시원스럽게 내리는군”하고 말하지 못하는가. <<날마다 행복해지는 255가지 이야기>> (알랭)