如何获得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/