jQuery 폼 value

입력 필드의 value 속성을 다루기 위해서는 값을 읽고 새 값을 쓸 수 있는 메서드 val를 사용할 수도 있습니다.

예를 살펴보겠습니다. 다음과 같은 HTML 코드가 있다고 가정해 봅시다:

html<input type="text" id="test" value="!!!">

이제 value 속성에 새 값 'www'를 기록해 보겠습니다:

javascript$('#test').val('www');

HTML 코드는 다음과 같이 바뀝니다:

html<input type="text" id="test" value="www">

이제 현재 값을 화면에 출력해 보겠습니다:

javascriptalert($('#test').val());

val 메서드에는 세트의 각 요소에 함수를 적용하는 것도 가능합니다. 이 함수는 첫 번째 매개변수로 세트 내 현재 인덱스를, 두 번째 매개변수로는 해당 요소의 현재 값을 받습니다.

한 가지 더 알아둘 점은, textarea 태그의 내부 콘텐츠는 html 메서드로 가져올 수 없다는 것입니다. 이를 위해서는 val 메서드를 사용해야 합니다.

다음 HTML 코드를 살펴보겠습니다:

html<textarea id="test">!!!</textarea>

Javascript 코드에서 val 메서드를 작성합니다:

javascriptalert($('#test').val()); // '!!!'를 출력합니다

이는 아마도 폼 작업의 일관성을 위한 것으로 보입니다.