입력 필드의 NAME 속성을 이용하여 입력필드에 접근한 후 VALUE 속성을 사용하여 값을 복사하는 방법을 이용.
입력 필드간 값의 복사 예제
<%@ page contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- ********************************************************
두개의 텍스트 필드를 생성한 후 값의 복사를 알아보는 예제
********************************************************* -->
<script type="text/javascript">
/* 페이지가 열렸을 시 포커스를 no1 텍스트 입력필드에 주는 함수 */
window.onload = function (){
no1.focus();
}
/* no2값에 no1값을 복사해 준 후 no1값을 초기화시키고 포커스를 no1에 주는 함수 */
function copy(){
no2.value=no1.value;
no1.value=""; // no1값의 초기화
no1.focus();
}
</script>
<title>Insert title here</title>
</head>
<body>
복사할 값 : <input type="text" name="no1" size="10" onblur="copy()"><br>
복사된 값 : <input type="text" name="no2" size="10" >
</body>
</html>
[결과] 복사할 값 필드에서 포커스가 벗어나면 복사된 값 필드로 값이 전달되는 모습
'Java Script & DOM > Java Script ' 카테고리의 다른 글
| 시작페이지와 즐겨찾기 함수 (0) | 2009.07.29 |
|---|---|
| 팝업창사이에 데이터 전달 방법 (0) | 2009.07.21 |
| 입력폼에 빈 값이 있나 검증하는 코드 (0) | 2009.06.09 |
| 자바스크립트 - typeof 키워드 (0) | 2009.03.27 |
| HTML 페이지에 자바 스크립트 사용하기 (0) | 2009.03.26 |