javascript - 如何设置按值而不是按索引选择的表单选项

Question

在这里，我已经阅读了如何设置由索引选择的表单选项

<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;

但是是否可以通过引用选项值而不是索引来设置选择的选项？

Answer 1

您可以只设置元素的value属性，如如何使用 javascript 以编程方式设置选择框元素的值？<select>

<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";

JSFiddle