폼 안의 모든 객체 reset > script

본문 바로가기
사이트 내 전체검색

script

폼 안의 모든 객체 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()">

 

위의 스크립트 처럼 함수를 작성해서 사용하면 됩니다.

댓글목록

등록된 댓글이 없습니다.

Total 846건 11 페이지
게시물 검색

회원로그인

접속자집계

오늘
78
어제
84
최대
1,347
전체
154,449
Latest Crypto Fear & Greed Index

그누보드5
Copyright © 서방님.kr All rights reserved.