如何獲得select元素的index（）？

Question

希望的行爲

獲取準確索引號<select>元素。

當前行爲

0考慮實際索引號返回。

的jsfiddle

http://jsfiddle.net/rwone/hsp6jeLh/

HTML

<div class="my_class"> 
    <select> 
     <option value="none">don't click me</option> 
     <option value="bar1">bar1</option> 
    </select> 
</div> 
<div class="my_class"> 
    <select> 
     <option value="none">click me</option> 
     <option value="bar2">bar2 - select me</option> 
    </select> 
</div> 

jQuery的

$(document).on("change",".my_class select", function() { 
console.log($(this).index()); 
console.log("Why isn't the above value 1?") 
}); 

編輯01：

Ergh，才意識到我也許應該補充一個類來選擇元素並傳遞通過對on()方法。僅在相鄰元素http://jsfiddle.net/rwone/hsp6jeLh/5/

Answer 1

用戶@ Cattla的建議（這似乎被刪除）工作：

http://jsfiddle.net/hsp6jeLh/6/

$(document).on("change",".my_class", function() { 
console.log($(this).index()); 
}); 

Answer 2

的index()作品：現在將嘗試...

不，沒有工作，要麼。如果你刪除它的工作原理是中間的關閉和開啓div你希望它：

<div class="my_class"> 
    <select> 
     <option value="none">don't click me</option> 
     <option value="bar1">bar1</option> 
    </select> 
    <select> 
     <option value="none">click me</option> 
     <option value="bar2">bar2 - select me</option> 
    </select> 
</div> 

http://jsfiddle.net/hsp6jeLh/8/