반응형
FORM 안의 TEXT, SELECT, CHECKBOX 초기화 하기
상현형이 FORM안의 전체 값들 초기화 불가능하냐고 물어보셔서 JQUERY 플러그인 중에 그런 것이 있지 않을까 찾아봤다.
어라 없네-_-a
그래서 구글링해보니 그냥 DOM 메서드로 form 객체에서 reset() 이라는 걸로 지원을 한다.
getElementById 로 접근시
- document.getElementById("frmWrite").reset();
jquery 로 접근시(0 번째 연관배열에 jquery 로 감싼 순수 객체를 가지고 있다.)
- $("#frmWrite")[0].reset();
테스트 해보니 다음과 같다.
기본값이 없는 경우
- Text, textarea : 기본값
- Checkbox : uncheck
- Select : 1번 option
기본값이 있는 경우
- 해당 기본값으로 돌아옴
최초 화면 로딩 시
값을 변경함
빨간 네모 부분은 기본값으로 된 값들을 변경하였다.
그리고 reset버튼 클릭
위와 같이 초기화 되었다.
