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

How do I set the value of a select box element using javascript? で回答されているようvalueに、要素のプロパティを設定するだけです。<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