jQuery에서 값을 기반으로 옵션 텍스트를 검색하는 방법은 무엇입니까?

jQuery에서 값으로 옵션 텍스트 검색

웹 개발 영역에서는 요소에서 특정 정보를 추출하는 것이 일반적인 작업입니다. jQuery에서는 선택기의 기능을 활용하여 이 작업을 손쉽게 수행할 수 있습니다.

다음과 같이 정의된 드롭다운 목록이 있는 시나리오를 고려해 보세요.

<code class="html"><select id="list">
    <option value="1">Option A</option>
    <option value="2">Option B</option>
    <option value="3">Option C</option>
</select></code>

목표는 선택 여부에 관계없이 특정 값(예: "2")이 있는 옵션의 텍스트입니다. "$("#list[value='2']").text();"와 같은 선택기 사용 원하는 결과가 나오지 않습니다.

해결책 1: 특정 옵션 타겟팅

특정 값을 가진 옵션의 텍스트를 얻으려면 다음 선택기를 사용하세요.

<code class="javascript">$("#list option[value='2']").text();</code>

해결책 2: 선택한 옵션 가져오기

또는 현재 선택한 옵션의 텍스트를 검색하려면 다음 선택기를 사용하세요.

<code class="javascript">$("#list option:selected").text();</code>

이러한 선택기를 활용하면 원하는 옵션 텍스트를 편리하게 추출하여 웹 애플리케이션을 정밀하게 제어할 수 있습니다.

위 내용은 jQuery에서 값을 기반으로 옵션 텍스트를 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!