jQuery를 사용하여 드롭다운 목록에서 선택한 텍스트를 어떻게 가져올 수 있나요?

jQuery를 사용하여 드롭다운 목록에서 선택한 옵션 텍스트 검색

웹 애플리케이션에서 드롭다운 목록으로 작업할 때 종종 필요한 경우가 있습니다. 해당 값뿐만 아니라 현재 선택된 옵션과 관련된 텍스트를 가져옵니다. 이는 DOM 조작에 널리 사용되는 JavaScript 라이브러리인 jQuery를 사용하여 쉽게 달성할 수 있습니다.

드롭다운 목록에서 선택한 텍스트를 검색하려면 .text() 메서드를 사용할 수 있습니다. 선택한 옵션의 텍스트 내용에 액세스합니다. 구문은 간단합니다.

$("#yourDropdownId option:selected").text();

이 코드 조각에서 "yourDropdownId"를 드롭다운 목록의 실제 ID로 바꿉니다. option:selected 선택기와 .text() 메서드를 결합하면 현재 선택된 옵션의 텍스트를 효과적으로 얻을 수 있습니다.

예를 들어 ID가 "myDropDown"인 드롭다운 목록을 생각해 보세요.

HTML:

<select>

현재 두 번째 옵션이 선택된 경우 다음 jQuery 코드는 "Option"을 반환합니다. 2":

$("#myDropDown option:selected").text();

이 기술은 선택한 옵션의 텍스트를 라벨에 표시하거나 선택 사항에 따라 사용자에게 개인화된 피드백을 제공하는 등 다양한 시나리오에서 널리 사용됩니다.

위 내용은 jQuery를 사용하여 드롭다운 목록에서 선택한 텍스트를 어떻게 가져올 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!