jQuery의 val 메소드 함수 및 예
jQuery로 프로그래밍할 때 양식 요소의 값을 가져오거나 설정하는 경우가 많습니다. 이때 jQuery에서는 val() 메소드를 사용할 수 있습니다. val() 메소드는 jQuery의 일반적인 메소드로, 양식 요소의 값을 가져오거나 설정하는 데 사용됩니다. 이 기사에서는 val() 메소드의 기능을 자세히 논의하고 구체적인 코드 예제를 통해 사용법을 보여줍니다.
1. val() 메소드의 기능
val() 메소드는 입력, 텍스트 영역, 선택 등을 포함하는 양식 요소의 값을 가져오거나 설정하는 데 사용됩니다. val() 메서드가 매개 변수를 사용하지 않으면 일치하는 요소 집합에서 첫 번째 요소의 현재 값을 반환합니다. val() 메서드가 매개 변수를 사용하면 일치하는 모든 요소의 값을 설정합니다.
2. 샘플 코드
다음은 val() 메서드를 사용하여 양식 요소의 값을 가져오거나 설정하는 방법을 보여주는 일부 샘플 코드입니다.
입력 상자 가 있다고 가정하고, 이제 사용자가 입력한 값을 가져와서 다음으로 출력하려고 합니다. 콘솔:
var username = $("#username").val();
console.log(username);입력 상자에 기본값을 설정하려면 val() 메서드를 사용할 수 있습니다.
$("#username").val("John Doe");드롭다운 메뉴가 있는 경우 메뉴
<select id="city"> <option value="1">New York</option> <option value="2">Los Angeles</option> <option value="3">Chicago</option> </select>
사용자가 선택한 값을 가져오고 싶습니다.
var city = $("#city").val();
console.log(city);If 기본적으로 Los Angeles가 선택되기를 원합니다:
$("#city").val("2");