jquery를 사용하여 옵션의 데이터 속성을 선택하십시오.

Question

jQuery 플러그인 select2.js을 사용하고 있습니다. jQuery를 사용하여 선택한 옵션의 데이터 속성을 어떻게 선택할 수 있습니까?

여기에 코드를 내가 jQuery를 사용하여 선택한 옵션의 data-id을 얻을 수있는 방법

<select class="select2"> 
    <option data-id="1" value="2"> CASE 1 </option> 
    <option data-id="2" value="2"> CASE 1 </option> 
    <option data-id="3" value="2"> CASE 1 </option> 
</select> 

$(document).ready(function(){ 

    $('.select2').select2(); 

    $('.select2').click(function(){ 
     //alert($(this).val()); 

    }); 
}); 

입니다.

Answer 1

이 요소는 select 요소와 동일합니다. 기본 선택기를 사용할 수 있습니다.

$('.select2').change(function(){ 
    alert($(this).find('option:selected').data('id')) 
}); 

하지만 선택 상자를 클릭하는 대신 변경 이벤트를 사용하는 것이 좋습니다.

Answer 2

이 당신에게

$(this).data("id") 

Answer 3

당신은 변경 이벤트에 그것을 할 수있는 데이터 속성을 줄 것이다, 여기에 당신은 :selected 선택기를 사용하여 선택할 옵션을 찾은 다음 얻을 .data()을 사용할 수 있습니다 fiddle

$(function() { 
    $(".select2").change(function(){ 
     var element = $(this).find('option:selected'); 
     var id= element.attr("data-id"); 
     alert(id); 
    }); 
}); 

Answer 4

입니다/데이터 속성 값을 설정합니다. select 요소에 대한 click 이벤트 대신 change 이벤트를 사용해야합니다.

$('.select2').change(function(){ 
    var selecteddataid = $(this).find('option:selected').data('id'); 
});