[Javascript] hidden 타입 전체 초기화.

 

 

form 데이터를 submit 하지 않았을때

기존 input type에 데이터가 남아있어 

 

document.getElementById("modalForm").reset();

 

위 구문으로 form input 들을 reset 하였다.

 

 

근데 hidden 타입들은 .reset() 이 먹지 않는다.

hidden value에 이전 값을 계속 들어있음.

 

이를 한번에 초기화 하기 위한 방법으로 아래와 같이 사용했다.

 

const hiddenInput = document.querySelectorAll('input[type="hidden"]');
hiddenInput.forEach(input => input.value='');

 

input 타입이 hidden인 요소를 모두 가져오고

해당 요소들의 value 를 모두 초기화 해줬다.