jQuery를 사용하여 드롭다운에서 선택한 옵션을 올바르게 검색하는 방법은 무엇입니까?

jQuery를 사용하여 드롭다운에서 선택한 옵션 가져오기

jQuery의 $( "#id").val() 메서드를 사용하면 실패하는 시나리오가 발생할 수 있습니다. 선택한 옵션에 드롭다운 자체가 아닌 다른 ID가 있는 경우 이러한 경우가 발생합니다.

다음 HTML 코드를 고려하세요.

<label for="name">Name</label>
<input type="text" name="name">

이 예에서 선택한 옵션의 ID는 "aioConceptName"입니다. ." $("#aioConceptName").val()을 사용하면 선택한 옵션의 값이 특히 드롭다운 요소 자체와 관련되어 있으므로 반환되지 않습니다.

선택한 옵션을 올바르게 검색하려면 다음 접근 방식을 활용할 수 있습니다. :

선택한 텍스트의 경우:

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

이 코드 줄은 선택한 옵션의 텍스트 콘텐츠.

선택한 값의 경우:

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

이 코드 줄은 선택한 옵션의 값 속성을 검색합니다.

이 시나리오에서 $("#id").val()이 실패하는 이유는 옵션을 클릭해도 드롭다운 자체의 값이 변경되지 않기 때문입니다. 대신, 드롭다운의 하위 요소인 selected 옵션에 :selected 속성만 추가합니다.

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