在jQuery下拉菜单中获取第二个值

Getting second value in jQuery dropdown

本文关键字：第二个 获取 jQuery 下拉菜单      更新时间：2023-09-26

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

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

。我想在下拉菜单

中获取数字2的值

这两个选项都没有值。(实际上，见下面的注释)你可以得到这样的文本:

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

或不使用jQuery:

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

Live Example | Live Source

或者您可以使用.value而不是.text，因为如果您不给value属性，option元素将默认它们的value属性。(你不能使用value=选择器选择，但是属性是默认的)

要使用jquery在下拉列表中获取 second 值，可以使用.eq():

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

为了获得下拉列表中的 n 数字值，您可以这样做:

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

试试这个

JS代码

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

现场演示

为什么不试试这样简单易懂呢:eq(n)

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

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

Try

$(document).ready(function() {
  alert($("#dropdown option").eq(1).text());
});
相关文章：