在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

要使用jquery在下拉列表中獲取second值，可以使用.eq（）進行此操作：

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

為了獲得下拉列表中的第n個數字值，您可以執行以下操作：

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