获取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()