Bootstrap Modal 닫을 시 입력값 초기화 방법

$('.modal').on('hidden.bs.modal', function (e) {
	$(this).find('form')[0].reset();
}

$('#특정_modal만_적용시').on('hidden.bs.modal', function (e) {
	$(this).find('form')[0].reset();
});

Bootstrap에서 Modal을 닫을 경우

'hidden.bs.modal' 이벤트가 발생하게 되는데

 

입력값들을 form 안에 넣어준 후

form.reset()을 사용하면

form 안에 들어있는 값이 모두 초기화되는데

 

Modal 종료 시 form.reset()을 사용해주면

초기화를 할 수 있게 된다

 

코드로 보면

.modal 을 사용하면 모든 modal 창을 닫을 경우

form을 찾아 reset 시켜주게 되고

 

특정 modal만 닫을 경우 초기화를 시켜주려면

$('#특정_modal_id').on~

이런 식으로 사용해주면 된다