2014-02-05 121 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()