2010년 2월 23일 화요일

[자바스크립트] SELECT 박스 값 제어하기

셀렉트 콤보 박스가 있고
체크박스 클릭시 셀렉트 박스의

<select name="month">
<option>선택</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>

3개월 신청<input type="checkbox" onClick="update()" name="box_check" value="3">

위와 같이 셀렉트 박스랑 체크박스가 있는데요
체크 박스를 체크했을때
현재 달에서 3을 더해서 ex) 지금이 1월이면 4월이 selected 되도록
하려고 하는데 onupdate() 함수를 어떻게 써줘야할지
간단하게나마 답변 부탁드립니다.

답변>
onClick="update(this)"
<select id="month">

function update(obj){
 var value = obj.value || 1;
 var selectObj = document.getElementById("month");

 value = parseInt(obj.value, 10)+3;
 
 for(vari=0; i<selectObj.options.length;i++ ){
  if( selectObj.options[i].text == value){
    selectObj.options[i].selected = "selected";
    break;
  }
 }
}

댓글 없음:

댓글 쓰기