[JAVASCRIPT] select태그 값 변경하기

javascript 생년월일 문자 자르기

 

주민번호 입력 후 onblur(포커스 벗어나기)된다면, 생년월일에 자동으로 값이 들어가는 예제.

생년월일의 년은 input태그,  월, 일은 select 태그이다.

 

select태그안의 option태그안에는 value라는 속성이 있다.

document.frm.month.value = '11';

 

위처럼 적으면 month의 네임을 가진 태그의 value가 11로 설정된다.

만약 month값중 18을 입력한다면 select태그 option에 없는 값이므로 공백이 선택된다.(에러가 나진않는다)

태그에 id값을 줬다면 document.getElementById....로 해도 된다.

 

HTML

<tr>
         <td width="100" bgcolor="#ffcccc" >생년월일</td>
         <td colspan="3">
         <input type="text" name="year" size="4" maxlength="4">년
         <select name="month">
         <% 
         	
         	for(int i=1; i<13; i++){
         	if(i<10){%>
            <option>0<%=i %></option><%}
         	else{%>
         	<option><%=i %></option>
         	<%}
         	}%>
         </select>월          
         <select name="day" >
         <c:forEach begin="1" end="31" var="num">
         	<c:if test="${num<10}"><option>0${num}</option></c:if>
		    <c:if test="${num>9}"><option>${num}</option></c:if>
		 </c:forEach>
         </select>일          
          </td>
</tr>

 

스크립트

function setData(){
		
		// var jumin=document.getElementsByName("jumin1").text;
		var jumin1=document.frm.jumin1.value;
		var birthYear= jumin1.substr(0,2);
		var birthMonth= jumin1.substr(2,2);
		var birthDate= jumin1.substr(4,2);
		
		var ch=document.frm.jumin2.value.charAt(0); // 1,2,3,4,...
		
		if(ch=='1'||ch=='2'||ch=='5'||ch=='6'){
			birthYear='19'+birthYear;
		}else{
			birthYear='20'+birthYear;
		}
		
		document.frm.year.value = birthYear;
		// select박스 값 세팅 하기
		document.frm.month.value = birthMonth;
		document.frm.day.value = birthDate;
		
	}