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}}如此

1

或者您可以使用document.getElementById('Skill_1').selectedIndex = 1;进行设置，value会找到第一个匹配值的<option> 。

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

DEMO

Answer 2

为什么在按钮上使用单引号？

selectedIndex是一个整数。

20将始终失败，因为您的选择只有2个选项。

值20是索引0 值40是索引1

您应该使用selectedIndex = 0

使用selectedIndex值更改为空白选择

2 个答案: