Here我已经阅读了如何设置索引选择的表单选项
<select name="sel">
<option value="o1">option1</option>
<option value="o2">option2</option>
</select>
document.getElementsByName('sel')[0].selectedIndex = 0; or
document.getElementsByName('sel')[0].selectedIndex = 1;
但是是否可以通过引用选项值而不是索引来设置选择的选项？
【问题讨论】：
标签： javascript forms dom select set
您可以设置<select> 元素的value 属性，如How do I programatically set the value of a select box element using javascript? 中所回答的那样
<select name="sel">
<option value="o1">option1</option>
<option value="o2">option2</option>
</select>
<select name="sel">
<option value="o1">option1</option>
<option value="o2">option2</option>
</select>
document.getElementsByName("sel")[0].value="o2";
【讨论】：
alert 或 console.log 语句，您将看到它返回值（在本例中为 o2）。另外，考虑到selected 属性将应用于<option> 元素，而不是<select>。例如，这会起作用：document.getElementsByName("sel")[0].options[1].setAttribute("selected", "selected");
selectedIndex 属性按索引或使用value 属性按值设置所选选项。