得到一個選擇的選項

Question

類的名稱，我有一個非常看起來像這樣

<select name="platform"> 
    <option class="one-test-one">one</option> 
    <option class="two-test-two">two</option> 
    <option class="three-test-three">three</option> 
</select> 
<div class="clickMe">click</div> 

我試圖獲得所選選項的階級屬性值選擇標籤。這是我在jquery

$('.clickMe').on('click', function() { 
    alert($('select[name="platform"]:selected').attr('class')); 
}); 

警報返回undefined ..我做錯了什麼？

Answer 1

的selected selector適用於option，不爲select所以

$('select[name="platform"] :selected').attr('class') 

演示：Fiddle

Answer 2

的'selected'選擇是option在select所以試試這個： -

$('select[name="platform"] option:selected').attr('class'); 

編輯：

DEMO

Answer 3

$('.clickMe').on('click', function() { 
    alert($('select[name="platform"]').find(':selected').attr('class')); 
}); 

小提琴：http://jsfiddle.net/set1hdhy/

Answer 4

<select name="platform"> 
<option class="one-test-one">one</option> 
<option class="two-test-two">two</option> 
<option class="three-test-three">three</option> 
</select> 
<div class="clickMe">click</div> 




$('.clickMe').on('click', function() { 
alert($('select[name="platform"] option:selected').attr('class')); 
}); 

check in fiddle: http://jsfiddle.net/ruapce/o11o1r6k/ 

Answer 5

試試這個我測試

$('.clickMe').on('click', function() { 

    console.log($('select option:selected').attr('class')); 
});