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는 예제를 제공하기에 좋은 변수가 아니기 때문에 …
답변
$('#my_select option:selected').attr('id');
답변
가장 쉬운 방법은 var id = $ (this) .val (); 변화와 같은 이벤트 내부에서.