交換默認選擇的選擇選項以純JavaScript

Question

我有一個選擇框如下

<select> 
<option value="yes">Yes</option> 
<option value="No" selected="selected">No</option> 
<option value="Maybe">Maybe</option> 
<option value="So">So</option> 
</select> 

我想

<select> 
<option value="yes">Yes</option> 
<option value="No">No</option> 
<option value="Maybe" selected="selected">Maybe</option> 
<option value="So">So</option> 
</select> 

*注默認選擇現在是「也許」的「否」

代替

在真正熟悉純JavaScript之前，我學會了jQuery。所以即時嘗試學習它。

Answer 1

我會分配一個id，選擇元素：

<select id="choices"> 
    <option value="yes">Yes</option> 
    <option value="No" selected="selected">No</option> 
    <option value="Maybe">Maybe</option> 
    <option value="So">So</option> 
</select> 

然後，訪問<select>元素通過標準options陣列選項：

var choices = document.getElementById('choices'); 
choices.options[2].selected = true; 

Answer 2

你應該分配id到select元素然後執行此操作：

var s = document.getElementById('select_box'); 
s.options[ 2 ].selected = true;