다음 예제는 select 에서 5번을 선택하면 입력박스로 커서가 이동하고
다른 번호를 선택하면 입력 박스에서 커서가 없어지는 예제이다.
선택한 값은 this.options[this.selectedIndex].value 얻어올수 있다.
<html>
<head>
<script language='javascript'>
<!--
function set_txt1(val){
alert(val);
if (+val == 5){
document.selectdb.txt1.focus();
}else{
document.selectdb.txt1.blur();
}
}
-->
</script>
</head>
<body>
<form name="selectdb">
<select name="changedb"
onchange="set_txt1(this.options[this.selectedIndex].value)">
<option value="01">01</option>
<option value="02">02</option>
<option value="05">05</option>
<option value="06">06</option>
</select>
<input type="text" name="txt1" size="5" maxlength="5" value="20">
</form>
<input type="button" name="simabutton"
onclick='window.location="view-source:"+window.location.href'>
</body>
</html>
'웹 프로그래밍 > 자바스크립트' 카테고리의 다른 글
| DOM 예제 : DOM 을 이용해서 이미지 객체정보를 변경하는 예제 (0) | 2009.02.22 |
|---|---|
| DOM 예제 : 화면에 로딩되는 이미지의 정보를 알아와서 뿌려주는 예제 (0) | 2009.02.22 |
| 프로젝트 나가서 주로 공통으로 쓰는 javascript common.js 내용 (0) | 2009.02.19 |
| Javascript 에서 알아야할 기초사항 (1) | 2009.02.18 |
| Javascript 에서 랜덤으로 배너를 출력하고 싶을 때 (0) | 2009.02.11 |
| 동적으로 테이블을 추가하는 방법과 Disable 처리 예제 (0) | 2009.01.15 |
| javascript 에서 html value 값을 버전관계없이 바꾸고 싶을때 (0) | 2009.01.07 |
| jQuery 라이브러리 사용을 쉽게하는 전용 IDE – Aptana (0) | 2008.12.30 |
