[javascript/jquery] jquery selected option attr example / 자바스크립트 선택된 옵션 attr 가져오는 방법

[javascript/jquery] jquery selected option attr example / 자바스크립트 선택된 옵션 attr 가져오는 방법

 

 

select 태그에서

 

선택된 값의 value 나 text 를

 

jquery 로 출력할 수 있습니다.

 

하지만 그 이외의 데이터를 세팅해서 사용하고 싶은 경우에는

 

어떻게 해야하나 검색을 해보실텐데요!

 

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

 

 

예를들어

 

아래와 같이 id 가 id_select 인 select 태그가 있다고 가정하고,

 

그안의 옵션들의 value 와 status 라는 attr 이 각각 세팅되어 있다고 가정할때,

<select id="id_select">
    <option value="1" status="00">option_1</option>
    <option value="2" status="01">option_2</option>
</select>

 

선택된 옵션의 status 값을 가져오고 싶으면,

 

아래와 같이 attr('status') 를 이용하시면 값을 가져올 수 있습니다!

 

var status = $('#id_select option:selected').attr('status');

 

참고들 하세요!