jQuery를 사용하여 드롭다운에서 선택한 옵션의 텍스트와 값을 검색하는 방법은 무엇입니까?

jQuery: 드롭다운에서 선택한 옵션 검색

드롭다운 요소로 작업할 때 선택한 옵션을 얻으려면 때로는 다른 접근 방식이 필요할 수 있습니다. 일반적으로 다른 양식 요소에 사용됩니다. 이는 드롭다운에서 옵션을 선택해도 드롭다운 값이 직접 수정되지 않기 때문입니다. 대신 선택한 옵션은 ':selected' 속성으로 식별됩니다.

이를 위해 jQuery는 다음과 같은 간단한 솔루션을 제공합니다.

선택한 텍스트 검색

선택한 옵션의 텍스트를 검색하려면, 사용:

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

선택한 값 검색

선택한 옵션의 값이 필요한 경우 다음을 사용하세요.

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

이유 val()이 이 컨텍스트에서 작동하지 않을 수 있는 이유는 드롭다운에서 옵션을 클릭하면 해당 옵션의 :selected 속성이 수정되기 때문입니다. 드롭다운의 값입니다. 따라서 val()을 사용하여 직접 접근하면 원하는 결과를 얻지 못할 수도 있습니다.

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