如何在通过javascript或jquery选择中刷新默认显示选项？

Question

html代码：

<select>
    <br>
    <option>1</option><br>
    <option>2</option><br>
</select>

此选择将默认显示第一个选项项目（显示1）。
现在我想更改选择以在dom准备好时通过jquery显示第二项，但是我尝试了几次，都失败了。以下是我的尝试：

1. $（'select'）。prop（'selectIndex'，1）;
2. $（'option'）。eq（1）.attr（'selected'，'selected'）;
3. $（'option'）。eq（1）.prop（'selected'，true）;
4. 默认在HTML代码中将select的样式设置为'display：none'，然后尝试以上三种方式，最后调用$（'select'）。show（）

也许，我只是设置dom值，而不告诉浏览器刷新“选择”。

您是否知道在select中刷新默认显示选项的另一种方法？

Answer 1

您必须在select为选项添加value 。

<select>
  <option value="1">First</option>
  <option value="2">Second</option>
</select>

然后，只需将值设置为“ 2”。

$("select").val("2");

或者，您可以简单地通过select设置第二个值。

$("select").val(2);

请参阅此处的工作示例。

Answer 2

这就够了

$("select").val(2);

Answer 3

我认为您要在页面加载时选择选项2。

<select>
    <option>1</option>
    <option selected="selected">2</option>
</select>