交换默认选择的选择选项以纯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;