javascript - 使用 selectedIndex 将值更改为空白选择

Question

我有以下 JavaScript 来更改单击输入按钮时选择的值。单击该按钮时，会将选择更改为空白值。

我尝试了 .selectedIndex = '20' 和 .selectedIndex = 20，但仍然得到空白结果。

<script type="text/javascript">
function changeDefault(){
    document.getElementById('Skill_1').selectedIndex = '20';    
}
</script>

<select id="Skill_1" name="Skill_1">
<option "selected" value="0" >Zero</option>   
<option value="20" >Twenty</option> 
<option value="40" >Forty</option> 
</select>

<input type='button' onclick='changeDefault()' value='Set Defaults'/>

Answer 1

selectedIndex是第一个选定的索引 <option> 。这与 value 不同。 ，该选项的值。看来您想要 <option>在索引1所以

document.getElementById('Skill_1').selectedIndex = 1;

或者您可以使用 value 设置它，它将找到第一个 <option>具有匹配的值。

document.getElementById('Skill_1').value = "20";

DEMO