자바스크립트 폼 리셋

자바스크립트 팁 ( javascript tip )
자바스크립트 폼 리셋

<form id="form1">의 폼 리셋이 필요할 경우 아래와 같은 방법으로 리셋하면 간단히 해결 할 수 있다.

document.getElementById('form1').reset()
document.forms[0].reset();
document.forms['forms1'].reset();
document.forms.form1.reset();

그런데 이 방법이 먹히질 않거나
필요한 요소만 골라서 리셋을 해야할 경우가 있다.

리셋이 필요한 elememt를 골라서 리셋하려면,
if(document.form1.elements[index].type == 'typename')
일일히 찾아서 지정할 수 밖에 없다.

<form id="form1">
...
</form>
<button onclick="clearFields();">Clear All</button>

input type="text", input type="checkbox", input type="radio" 등은
각각의 type명이 type속성과 동일하지만,
<select>의 타입명은 select-one 이다.

스마트플렉스