jQuery를 사용하여 선택한 옵션을 기반으로 ajax 요청을 만들려고합니다.
jQuery를 사용하여 선택한 옵션 ID (예 : "id2") 를 검색하는 간단한 방법이 있습니까?
<select id="my_select">
<option value="o1" id="id1">Option1</option>
<option value="o2" id="id2">Option2</option>
</select>
$("#my_select").change(function() {
//do something with the id of the selected option
});
답변:
다음 과 같이 :selected선택기를 사용하여 가져올 수 있습니다 .
$("#my_select").change(function() {
var id = $(this).children(":selected").attr("id");
});
var id = $(this).find('option:selected').attr('id');그런 다음 원하는 것을 selectedIndex
나는 내 대답을 다시 편집했다 ... selectedIndex는 예제를 제공하기에 좋은 변수가 아니기 때문에 ...
this이벤트 핸들러 내부에 DOM 요소를 가지고 있습니다. 다시 조회를 수행 할 필요가 없습니다. 다른 변수 이름을 선택하고 싶을 selectedIndex수 있습니다. 특히 여기에서는 정확하지 않습니다. :)
$('#my_select option:selected').attr('id');