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
우정에 정력을 쏟아라. 그러면 당신에게 돌아오는 대가는 놀라울 만큼 만족스러울 것이다. 친구들이 당신을 필요로 할 때 당신이 그들에게 도움을 준다면, 당신이 후원과 위안을 얻기 위해 그들을 필요로 할 때 좋은 친구들이 도움을 줄 것이다. 롱펠로우가 말했듯이 친구를 가지려면 친구가 되어라. (어니 젤린스키 "결혼하지 않는 즐거움"中에서)