hidden 상태의 form 초기화

설문이나 회원가입처럼 입력 폼이 여러 개가 있는 상태에서 처음부터 다시 입력하기 위해 Form 항목을 초기화하는 경우에는 visible 된 폼만 리셋이 되고 type이 hidden 된 폼은 초기화가 안 되는 문제가 있습니다.

 

이러한 문제점을 해결하기 위해 아래의 스크립트로 처리하면 type="hidden"된 폼도 초기화가 가능해집니다. 

 

반응형

for(var i=0;i<document.form.elements.length;i++){

	if(document.form.elements[i].type=="hidden"||document.form.elements[i].type=="text"||document.form.elements[i].tagName=="TEXTAREA"){
    	document.form.elements[i].value="";
    }
    
}

위의 코드처럼 elements요소들의 type을 hidden과 text, tagName을 지정해주면 페이지의 모든 입력 폼에 대해 빈값으로 초기화 처리를 할 수가 있습니다.