Получение второго значения в раскрывающемся списке 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

Чтобы получить значение в списке second с помощью JQuery, вы можете сделать это с помощью .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()); 
}); 

LIVE DEMO

Answer 4

Попробуйте

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

Answer 5

Почему бы не попробовать это так легко понимать то: экв (п)

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

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