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 等）的值会被重置为它们的默认值。

function changeOptions() { var inputVal = document.getElementById(‘zrdw’).value; // 获取input的值 alert(inputVal) }如果id=zrdw的值是列表，怎么显示

如果id为`zrdw`的输入元素是一个下拉列表（`<select>`），并且你想显示用户所选择的列表项的文本而不是值（默认值是选项的索引），你需要稍微修改`changeOptions()`函数。这里假设下拉列表的`options`标签内有`value`和`text`属性对应于值和显示的文字。你可以这样做：

function changeOptions() {
    var selectElement = document.getElementById('zrdw'); // 获取下拉列表
    if (selectElement) { // 确保元素存在
        var selectedOption = selectElement.options[selectElement.selectedIndex]; // 获取当前选中的选项
        if (selectedOption) { // 如果有选中的选项
            alert(selectedOption.text); // 显示选中的文字内容
        } else {
            alert("请选择一个选项"); // 没有选择则提示
        }
    }
}

在这个例子中，当你调用`changeOptions()`，它会弹出一个警告框，显示用户选择的列表项的文字内容。如果用户未做选择，则会显示一条消息提示用户选择一个选项。