본문 바로가기
jQuery

Input Box 내용 초기화 하는방법

by sliora 2017. 3. 10.

보통 ajax를 이용하여 데이터를 입력하는 경우 input box에 내가 입력한 값이 그대로 남을 수 있다. 
그럴 경우, 초기화 함수를 하나 만들고, ajax구문에서 success 마지막, 혹은 complete부분에 초기화 함수를 사용하면 쉽게 해결 할 수 있다.

    function fnReset() {
        $("#lcdNm").val("");
        $("#cdCd").val("");
        $("#cdDesc").val("");
    }

위와 같이, 초기화 할 input box를 jQuery 셀렉터를 이용하여 선택한 후, val(""); 를 넣어주면 공백으로 초기화가 된다.
저장이 실행되는 ajax 함수의 success 부분에 만들어둔 fnReset(); 함수를 호출하면 저장이 되고난 후,  공백으로 초기화 해준다.