폼 안의 모든 객체 reset
페이지 정보
작성자 서방님 댓글 0건 조회 200회 작성일 12-09-18 15:17본문
폼 안의 모든 객체(텍스트, 셀렉트, 라디오 등등)의 값을 원래의 값으로 리셋하려면
reset() 메서드를 호출하면 됩니다.
<form name="myform">
<input ...
<select>
...
...
<input type="button" value="reset()" on-click="myform.reset()">
</form>
처럼 말이지요.... 물론 <input type="reset"> 이 더 간단하지요...
질문과 같은 화면의 모든 텍스트박스들의 값을 지워주려면(특정한 폼에 구애받지 않는..)
<SCRIPT LANGUAGE="Javanull">
<!--
function myfun()
{
var collTxt = document.getElementsByTagName("INPUT"); // document 상의 모든 INPUT 태그 요소들을 컬렉션으로 구하고...
for(var i=0; i<collTxt.length; i++) // 모든 INPUT 에 대하여
{
if(collTxt[i].type=="text") // 그 TYPE을 검사하여 TEXT 이면
collTxt[i].value=""; // 값을 비운다.
}
}
//-->
</SCRIPT>
...
...
.
.
<INPUT TYPE="BUTTON" VALUE="모든 텍스트박스의 값 초기화" on-click="myfun()">
위의 스크립트 처럼 함수를 작성해서 사용하면 됩니다.
댓글목록
등록된 댓글이 없습니다.