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

Question

用于选择和选项的 HTML：

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

我想要索引 1 处的期权价值，类似于

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

Answer 1

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

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

获取当前选择的值

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

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

Answer 2

要获取文本：

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

Answer 3

您可以使用它来获取值：

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

一个这个来获取文本：

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

演示在这里