[jQuery] jQuery를 이용하여 텍스트박스 값 초기화 하기

Summary

  1. jQuery 에서 텍스트 박스의 값 설정 하기 위해서는 .val 을 사용
  2. 값 넣기: $(\'#textbox\').val(\'text\');
  3. 텍스트박스 초기화: $(\'#textbox\').val(\'\');

jQuery 사용법을 조금씩 공부하고 있는데, 참 재밌고 괜찮은것 같습니다. 오늘도 아주 간단하게 jQuery 를 이용하여 텍스트박스(<input type="text">)의 값을 초기화 해보도록 합시다.

요소의 값을 반환하거나 설정하는 val 속성

val 속성의 특정 요소의 값을 반환(return) 하거나 설정(set) 하는 속성입니다. 예를 들면 이런거죠.

$v = $('#textbox').val();

위 코드는 v 라는 변수에 id 가 textbox 인 요소의 값을 담으라는 명령입니다.

$('#textbox').val('test text');

위 코드는 id 가 textbox 라는 요소의 값으로 test text 라는 문장을 담으라는 명령입니다.

차이점이 확실히 보이죠?

val 속성을 이용해 텍스트박스 값 초기화 하기

텍스트박스를 초기화한다는 것 자체가 별게 아닙니다. 그저 텍스트박스에 들어 있던 값을 지워주고 아무것도 없는 상태로 만들어준다든가, 혹은 초기에 지정된 값을 넣어주면 되는 것이죠.

$('#yourtextbox').val('');

id 가 yourtextbox 로 지정된 텍스트박스의 값을 공란으로 만들어 주는 것입니다. 만약 초기의 특정 값이 있다면?

$('#yourtextbox').val('Default Value');

이렇게 지정해주면 되는 것이죠. 어렵지 않습니다.

끝.