用于HTML下拉列表

<select class=fruits">
<option value="Orange">Orange</option>
<option value="Apple">Apple</option>
<option value="Grapes">Grapes</option>
<option value="Kiwi">Kiwi</option>
</select>

使用JS，您可以使用下面的代码来获得所需的结果

document.getElementsByClassName("fruits")[0].selectedIndex = 2 // will select Grapes

只需分配索引0,1。。设置下拉列表的长度以获取选定值

如果您想使用jQuery，那么就这样做

$("select.fruits").val("Grapes");

Javascript

var element = document.getElementsByClassName('fruits')[0];
element.value = valueToSelect;

1. 您可以使用选择器：nth-child（）索引从1开始
2. 您可以使用方法。eq（）索引从0开始

$(".fruits").find('option').eq(0).css('color', 'blue')//index starts at 0 so first option will be blue
$(".fruits").find('option:nth-child(2)').css('color', 'red');//index starts at 1 so second option will be red

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="fruits">
<option value="Orange">Orange</option>
<option value="Apple">Apple</option>
<option value="Grapes">admin</option>
<option value="Kiwi">Kiwi</option>
</select>