동적으로 select의 option생성하기 > Html & Script

본문 바로가기
사이트 내 전체검색


회원로그인

오늘 48
어제 475
최대 618
전체 328,272
마음을 나누는 인터넷 일기장 - 통플 다이어리
Html & Script

동적으로 select의 option생성하기

페이지 정보

작성자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일16-10-21 17:32 조회2,549회 댓글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)를 생성한다.

추천 0

댓글목록

등록된 댓글이 없습니다.

Html & Script 목록

Total 187건 1 페이지
Html & Script 목록
번호 제목 글쓴이 날짜 조회 추천
공지 유니코드의 명칭과 속성 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 37769 38
186 CSS Text & Viewport units 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-20 169 0
185 자바스크립트 replace / 문자열 변경하기 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-06 1855 0
184 날짜 및 시간 계산(JavaScript) 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-29 2074 0
열람중 동적으로 select의 option생성하기 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-21 2550 0
182 css ul li 가로 정렬 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-06 2211 0
181 자바스크립트 Attr 속성 추가 ,삭제, 조회하기 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 4538 0
180 오른쪽 마우스 클릭막기, 우클릭금지 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 2372 0
179 색상 코드표 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-19 2189 0
178 자바스크립트 in_array() 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-31 1514 0
177 (Jquery) radio checked 라디오 제어 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-21 2116 0
176 자바스크립트 날짜 차이 계산 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 1948 0
175 [AJAX] 1초마다 데이터 불러오기 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-06 2636 0
174 Load Results From Database On Page Scroll Using jQ… 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-06 2207 0
173 [CSS] placeholder 컬러바꾸기 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-06 2302 0
172 HTML 특수문자 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-30 3360 0
171 주소선택 스크립트 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-16 2145 0
170 [펌] 태그 동적 생성 innerHTML 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-06 3693 0
169 [펌] bootstrap 에서 modal + datepicker 사용시 안보이죠? 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-13 4324 0
168 폼 전송시 캐릭터셋이 틀릴때 인기글 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-07 4217 0
게시물 검색

Copyright © nuno21.net All rights reserved. 상단으로
모바일 버전으로 보기