[javascript/jquery] jquery selectbox selected text example / jquery 셀렉트 박스 선택된 옵션의 텍스트 가져오기

[javascript/jquery] jquery selectbox selected text example / jquery 셀렉트 박스 선택된 옵션의 텍스트 가져오기

 

 

html 에서

 

selectbox 를 이용하다보면

 

jquery 로

 

셀렉트 박스의 선택된 텍스트를

 

가져와야 하는 경우가 있습니다.

 

 

그럴때는 아래와 같이 하시면 됩니다!

 

우선 아래와 같이

 

id_select 라는 ID 를 가진 selectbox 가 있다고 가정하고,

<select id="id_select">
    <option value="1">테스트1</option>
    <option value="2" selected>테스트2</option>
</select>

 

위 셀레트박스의 선택된 옵션의 텍스트를 가져오려면

 

아래와 같이 jquery 를 사용하시면 됩니다!

 

$("#id_select option:selected").text();

 

그러면 결과는

 

선택된 옵션의 텍스트 값인 

 

테스트2 가 나오게 됩니다.

 

테스트2

 

참고들 하세요!