jQuery 드롭 다운에서 선택한 옵션 가져 오기

질문 : jQuery 드롭 다운에서 선택한 옵션 가져 오기

---

일반적으로 $("#id").val() 을 사용하여 선택한 옵션의 값을 반환하지만 이번에는 작동하지 않습니다. 선택한 태그의 ID는 aioConceptName

HTML 코드

<label>Name</label>
<input type="text" name="name" />
<select id="aioConceptName">
    <option>choose io</option>
    <option>roma</option>
    <option>totti</option>
</select>

답변

---

드롭 다운 옵션의 경우 다음과 같은 것을 원할 것입니다.

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

val() 이 트릭을 수행하지 않는 이유는 옵션을 클릭해도 드롭 다운의 값이 변경되지 않기 때문입니다. 드롭 다운 의 자식 인 선택한 옵션에 :selected 속성 만 추가하기 때문입니다.

출처 : https://stackoverflow.com/questions/10659097/jquery-get-selected-option-from-dropdown