1.您可以使用选择器:nth-child()索引从1开始
1.可以使用方法.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>

可以使用selectedIndex属性：

$('select.fruits').prop('selectedIndex',  2);

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

上面的代码将选择第三个选项，因为索引从0开始。

在2023年，如果没有jQuery，正确的代码片段如下所示：

document.getElementsByClassName("fruits").selectedIndex = 2

用于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;

HTML代码：

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

浏览器：

$('.fruits option:eq(2)').attr('selected', 'selected');

eq（nth），你可以把索引传递给你想默认选择的选项。它从0到n-1开始。