使用 jQuery 的索引获取 HTML 选择选项的值

Get value of HTML select option using its index with jQuery

提问by frostbite

HTML for select and options:

选择和选项的 HTML：

<select class="dropdown">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
</select>

I want the value of the option at index 1, something along the lines of

我想要索引 1 处的选项值，类似于

$('.dropdown[1]').value
// should return 'two'

回答by Horen

$('.dropdown option').eq(1).val()

eq()will start with 0 as it is an index

eq()将从 0 开始，因为它是一个索引

Get the currently selected value with

获取当前选择的值

$('.dropdown option:selected').val()

use text()instead of val()to retrieve the text content

使用text()而不是val()检索文本内容

回答by Xynariz

To get the text:

获取文本：

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

回答by Sergio

You can use this to get the value:

您可以使用它来获取值：

$('select.dropdown option').eq(1).val();

An this to get the text:

获取文本的 this ：

$('select.dropdown option').eq(1).text();

Demo here

演示在这里