获取选择元素的选定选项索引

Question

如何使用javascript获取<SELECT>的选定选项索引。借助jQuery的val()方法很容易获得价值，但我无法得到索引0,1,2 ......

我可以通过一些痛苦的方式得到它，但我相信必须有一些可以直接做到的事情。

我像这样在飞行中创建我的选择元素：

$formInput = $('<select class="userInput">');
$.each([A,B,C,D,E], function (i, v) {
    $option = $('<option value="' + v + '">' + v+ '</option>');
    $formInput.append($option);
});

我试过的所有方法

$formInput.prop("selectedIndex")

$formInput.get(0).selectedIndex

$formInput[0].selectedIndex

没用。

以下是FIDDLE

Answer 1

使用DOM元素的selectedIndex属性：

$("#selectElement")[0].selectedIndex

使用javascript

document.getElementById('selectElement').selectedIndex

<强> Fiddle

Answer 2

使用index()

$("#selectElement option[selected]").index()