DOM 을 이용한 셀렉트 박스의 활성/비활성 예제이다.
회사에서 작은 프로젝트중 필요해서 만들어 봤다.
<head>와 </head> 사이에 아래의 스크립트를 넣는다
<script language="javascript" type="text/javascript">
function tasklock(){ //셀렉트 박스 비활성 함수
document.getElementById('text_select').disabled = 1;
}
function taskopen(){ //셀렉트 박스 활성 함수
document.getElementById('text_select').disabled = 0;
}
</script>
그리고 body 안에 있는 셀렉트에는 id 값에 'text_select' 를 넣는다
<select name="" id="text_select" ><!--disabled-->
<option value="" selected>a</option>
<option value="">b</option>
<option value="">b</option>
</select>
tasklock() 함수가 호출되면 셀렉트 박스가 잠기며, taskopen() 함수가 호출되면 셀렉트 박스가 활성화 된다.
input 의 text 등에서도 활용이 가능하다.
버튼을 이용하여 테스트 하려면..
<a href="#" onclick="javascript:tasklock();"> 끄기 </a><br/>
<a href="#" onclick="javascript:taskopen();"> 열기 </a><br/>
이와같이 테스트 할수 있다.
익스 6,7,8, 및 파이어폭스 최신버전에서 테스트 결과 이상없었다.
댓글 없음:
댓글 쓰기