使用纯 Javascript 交换默认选择的选择选项答案

【问题标题】：Swap default selected select options with pure Javascript使用纯 Javascript 交换默认选择的选择选项
【发布时间】：2010-01-19 06:20:03
【问题描述】：

我有一个选择框如下

<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。所以我想学习它。

【问题讨论】：

标签： javascript

【解决方案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;

【讨论】：

【解决方案2】：

您应该将id 分配给select 元素，然后执行以下操作：

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

【讨论】：