document.getElementById给select设定默认值

要使用`document.getElementById`给`select`设定默认值，可以通过以下步骤实现：

1. 首先，获取`select`元素的引用，可以使用`document.getElementById`方法，将`select`元素的`id`作为参数传递给该方法。

2. 然后，获取`select`元素中所有的`option`元素，可以使用`getElementsByTagName`方法，将`option`作为参数传递给该方法。

3. 遍历`option`元素的数组，找到需要设定为默认值的`option`元素，可以使用`selected`属性将其设定为选中状态。

下面是一个示例代码，假设`select`元素的`id`为`sel`，需要将第二个`option`元素设定为默认值：

var select = document.getElementById("sel"); // 获取select元素的引用
var options = select.getElementsByTagName("option"); // 获取所有option元素的数组
options[1].selected = true; // 将第二个option元素设定为选中状态

相关问题

document.getElementById("form1").reset();

这行代码的作用是重置表单中的所有输入字段的值为默认值，即将表单恢复到初始状态。具体解释如下：

- document.getElementById("form1")：获取 ID 为 "form1" 的表单元素。
- .reset()：调用表单元素的 reset() 方法，将表单中所有的输入字段的值重置为它们的默认值。

因此，这行代码执行后，与表单相关的所有输入字段（如 input、select、textarea 等）的值会被重置为它们的默认值。

<select>设置默认值

<select>标签的默认值可以通过给<option>元素设置selected属性来实现。当页面加载时，selected属性设置为true的<option>元素会被默认选择。

代码示例：
<select>
<option value="option1">选项1</option>
<option value="option2" selected>选项2</option>
<option value="option3">选项3</option>
</select>

在上面的代码中，<option>元素中的selected属性为true的是"选项2"，所以页面加载时"选项2"会被默认选择。用户可以通过下拉框选择其他选项。

需要注意的是，如果在<select>标签中没有设置任何<option>元素的selected属性，那么第一个<option>元素会被默认选择。

此外，也可以通过JavaScript动态地更改<select>的默认选择值。通过使用JavaScript中的selectedIndex属性，我们可以将所需的<option>元素的索引值作为默认值。

代码示例：
<script type="text/javascript">
var select = document.getElementById("mySelect"); // 根据id获取<select>元素
select.selectedIndex = 3; // 默认选择索引为3的<option>元素
</script>

上述代码中，通过获取id为"mySelect"的<select>元素，并将其selectedIndex属性设置为3，将默认选择索引为3的<option>元素。