jQuery 드롭다운에서 선택한 옵션의 값이나 텍스트를 어떻게 검색합니까?

<h2>jQuery 드롭다운에서 선택한 옵션 검색</h2>

$("#id").val()을 사용하여 값을 반환하는 경우 드롭다운에서 선택한 옵션을 선택하면 예상치 못한 결과가 발생할 수 있습니다. 이는 요소 ID 및 드롭다운 옵션의 특성과 관련된 특정 시나리오 때문입니다.

ID가 aioConceptName인 요소가 드롭다운을 나타내는 HTML 코드에서 다음 코드는 의도한 대로 작동하지 않습니다.

$('#aioConceptName').val()

그 이유는 val()이 드롭다운 내에서 선택된 옵션이 아니라 드롭다운 자체의 값 속성을 검색하기 때문입니다. 선택한 옵션의 값이나 텍스트를 얻으려면 다음 접근 방식을 사용하세요.

선택한 텍스트의 경우:

var conceptName = $('#aioConceptName').find(':selected').text();

이 코드는 드롭다운 내에서 선택한 옵션을 찾습니다. :selected 선택기를 사용하여 해당 텍스트를 검색합니다.

선택된 경우 값:

var conceptName = $('#aioConceptName').find(':selected').val();

이 코드는 선택한 옵션을 유사하게 찾지만 해당 값 속성을 반환합니다.

위 내용은 jQuery 드롭다운에서 선택한 옵션의 값이나 텍스트를 어떻게 검색합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!