jQuery select2 - 옵션에서 속성을 얻는 방법?

Question

부트 스트랩에서 select2를 사용하여 SELECT 내의 선택된 (!) OPTION 요소의 속성을 가져올 수 있습니까?

HTML :

<select id="select_project_type"> 
    <option value="1" required-property="A">Option 1</option> 
    <option value="2" required-property="B">Option 2</option> 
</select> 

JS :

$('#select_project_type').select2({ 
    placeholder: $('#select_project_type').prop('placeholder') 
}); 

$('#select_project_type').on('select2-selecting', function(e) { 
    console.log(e); // Here I got all object, but I don't know how 
        // to get required-property from selected option 
}); 

Answer 1

이 같은 정확한 CSS 선택기를 사용하려고 할 수 있습니다 :

$("#select_project_type option[value=1]").attr("required-property"); 
$("#select_project_type option[value=2]").attr("required-property") 

DEMO : http://jsfiddle.net/2cXt5/

편집 :

$("#select_project_type option:selected").attr("required-property"); 

: 선택된 옵션의 사용으로이 선택을 단지 속성을 가져올 수

기타 문의 사항은 change event을 선택하여 그는 ypur 데이터를 변경하고 업데이트합니다.

데모 : http://jsfiddle.net/2cXt5/2/

Answer 2

우리는, 데이터 요구-속성에

을 속성을 UDPATE 수 다음 다음과 같은 코드를 시도 할 수 :

을

$('.select2').select2({ 
placeholder: $('.select2').prop('placeholder') 
}); 

$('#select_project_type').on('select2-selecting', function(e) { 
    console.log($(this).find(":selected").data('required-property')); 
}); 

DEMO