在jQuery下拉列表中获得第二个值

Question

如何使用javascript或jquery在下拉列表中获取第二个值？

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

e.g。我想在下拉列表中获得数字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 数字值，您可以执行以下操作：

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

Answer 3

试试这个

JS CODE

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

LIVE DEMO

Answer 4

为什么不尝试这么容易理解：eq（n）

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

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

Answer 5

尝试

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