使用纯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

我会为select元素分配一个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>

然后，通过options元素上的标准<select>数组访问选项：

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;