2014-02-05 119 views
0

如何通过javascript获得<SELECT>的选项索引。在jQuery的val()方法的帮助下很容易获得价值,但我无法获得索引0,1,2 ...获取select元素的选项索引

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

创建我飞选择的元素是这样的:

$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

没有工作。

这里是DOM元素的FIDDLE

回答

1

使用selectedIndex属性:使用javascript

document.getElementById('selectElement').selectedIndex 

Fiddle

+0

谢谢,但我想我以错误的方式提出这个问题。我编辑了我的问题。我创建了我的select元素,我认为它改变了一些东西。你可以再次检查一下 – user3253797

+0

尝试'$(“。userInput”)[0] .selectedIndex' –

+0

有很多这些对象,我必须达到他们的selectedIndex.I更喜欢达到他们,而不是在生成后选择他们。 – user3253797

0

使用

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

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