獲取jQuery下拉列表中的第二個值

Question

如何使用javascript或jquery獲取下拉列表中的第二個值？

<select id='dropdown'> 
<option selected>Any</option> 
<option>2</option> 
<option>3</option> 
</select> 

例如，我想在下拉列表中獲得數字2的值

Answer 1

這兩個選項都沒有值。（實際上，見下面的註釋。）你可以得到這樣的文字：

var text = $("#dropdown")[0].options[1].text; 

或者沒有jQuery的：

var text = document.getElementById("dropdown").options[1].text; 

Live Example | Live Source

或者你可以使用.value代替.text，爲option元素將default their value property，如果你不給他們一個value屬性。 （你可以使用value=選擇不選擇他們，但財產被默認）

Answer 2

要使用jQuery獲得在下拉列表中second值，你可以使用.eq()做到這一點：

var text = $("#dropdown option").eq(1).text(); 

爲了，讓在下拉列表中n個數值，你可以這樣做：

​​

Answer 3

試試這個

JS代碼

$(function(){ 
    alert($('#dropdown option').eq(1).val()); 
}); 

LIVE DEMO

Answer 4

嘗試

$(document).ready(function() { 
    alert($("#dropdown option").eq(1).text()); 
}); 

Answer 5

爲什麼不試試這個那麼容易理解則：EQ（N）

http://jsfiddle.net/q9qCR/2/

$('#dropdown option:nth-child(2)').val()