js 下拉框设置默认值

在JS中设置下拉框的默认值有多种方法。一种常见的方法是使用selected属性。首先，我们可以使用document.getElementById方法获取到下拉框的DOM元素。然后，可以使用其options属性获取到所有选项，再根据索引或值找到要设置为默认值的选项。接着，可以将该选项的selected属性设置为true，表示默认选中该选项。举个例子：

HTML：

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

JS：

var mySelect = document.getElementById("mySelect");
mySelect.options[1].selected = true;

上述代码中，将第二个选项（索引为1）设置为默认选项。

另一种方法是使用selectedIndex属性。selectedIndex表示被选中选项的索引值，因此可以直接将要作为默认选项的索引值赋给该属性。例如：

var mySelect = document.getElementById("mySelect");
mySelect.selectedIndex = 1;

上述代码中，将第二个选项设置为默认选项。

需要注意的是，如果是通过动态创建下拉框，可以在创建选项时将selected属性设置为true，从而指定默认选项。希望以上方法能帮助到您。