如何设置按值而非索引选择的表单选项

Question

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;

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

Answer 1

您可以设置value元素的<select>属性，如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";

JSFiddle