javascript - 在 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;

实例| 直播源

或者您可以使用.value而不是.text，因为如果您不给它们一个属性，这些option元素将默认它们的value属性value。（您不能使用选择器选择它们value=，但该属性是默认的。）

Answer 2

要second使用 jquery 获取下拉列表中的值，可以使用.eq()执行此操作：

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

为了获得n下拉列表中的第 th 个数值，您可以执行以下操作：

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

Answer 3

尝试这个

JS代码

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

现场演示

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());
});