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)를 생성한다.

관련자료

댓글 0
등록된 댓글이 없습니다.
Today's proverb
누구나 잘못할 수는 있지만 누구나 솔직할 수 있는 것은 아닙니다. 그러나 진실한 사람의 아름다움은 무엇과도 바꿀 수 없습니다. 솔직함은 겸손이고 두려움 없는 용기입니다. 잘못으로 부서진 것을 솔직함으로 건설한다면 어떤 폭풍에도 견뎌낼 수 있는 강인함이 있습니다. 가장 연약한 사람이 솔직할 수 있으며 가장 여유로운 사람이 자신의 모습을 볼 수 있고 자신을 아는 사람만이 자신을 드러낼 수 있습니다.