如何设置 HTML 的默认值元素？

在 HTML 中，可以使用 select 元素来创建一个下拉菜单。当页面加载时，select 元素的默认值是第一个选项。但是，有时候我们需要设置一个不同的默认值。本文将介绍如何在 HTML 中设置 select 元素的默认值。

在 select 元素中，使用 selected 属性来标记默认选项。以下是一个基本的 select 元素示例：

<select>
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3" selected>选项3</option>
  <option value="option4">选项4</option>
</select>

在上面的示例中，selected 属性被添加到第三个 option 元素中。这表示选项3将成为默认选择。当页面加载时，选项3将显示为下拉列表中的默认值。

注意：在 select 元素中只能有一个选项被标记为 selected。

如果希望通过动态方式设置 select 元素的默认值，可以使用 JavaScript。使用 selected 属性，可以通过 option 元素的索引设置选择项。以下是一个示例：

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
  <option value="option4">选项4</option>
</select>

<script>
document.getElementById("mySelect").selectedIndex = 2;
</script>

在这个例子中，JavaScript 代码将选择索引为2的选项（即选项3）。这意味着当页面加载时，选项3将显示为下拉列表中的默认值。

总结：

通过为 option 元素添加 selected 属性，可以在 HTML 中设置 select 元素的默认选项。selected 属性仅应用于单个选项。在 JavaScript 中，可以使用 selectedIndex 属性来设置选择项的索引。