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

fro*_*ite 17 html javascript jquery html-select

用于选择和选项的HTML:

<select class="dropdown">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
</select>
Run Code Online (Sandbox Code Playgroud)

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

$('.dropdown[1]').value
// should return 'two'
Run Code Online (Sandbox Code Playgroud)

Hor*_*ren 35

$('.dropdown option').eq(1).val()
Run Code Online (Sandbox Code Playgroud)

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

获取当前选定的值

$('.dropdown option:selected').val()
Run Code Online (Sandbox Code Playgroud)

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


Xyn*_*riz 11

要获得文字:

var list = document.getElementById("dropdown");
var value = list.options[1].text;
Run Code Online (Sandbox Code Playgroud)