项目curent的索引显示在<select>框</select>中

Question

我有一个包含以下数据的选择框

<select>
    <option>Bill</option>
    <option>Ted</option>
    <option>Bogus</option>
</select>

当我选择“Bogus”时，我想将2返回给一个函数，因为这是第三项。

知道如何用jQuery做到这一点？像

这样的东西

jQuery("#colour").change(function(){
    alert( $(this).index );         
});

不起作用。

由于

Answer 1

在完成所有这些jquery业务之后，我们忘记了它之前是如何完成的;; - ）

这是

this.selectedIndex

Answer 2

您还可以修改jquery以使用索引方法

$('option:selected', this).index()

http://jsfiddle.net/rcFGj/