通过JavaScript设置选择框值

Question

我有一个包含多个选项的选择框。我在selectbox上有一个onchange处理程序，它根据所选的选项触发不同的操作。这很有效。

第一个条目的值为“empty”且没有显示文本，因此当页面加载时，会选择第一个空条目，因此可以选择任何其他条目并与onchange一起使用。

我想要做的是每次调用一个动作时将选择重置为空条目。我在想，这可不是那么难： - ）

我尝试了以下内容：

//setting the value of the selectbox
document.getElementById('gadgetChooser').value='empty';

//setting selectIndex
document.getElementById('gadgetChooser').selectedIndex = 0;

//setting selectIndex
document.getElementById('gadgetChooser').options[0].selected = true;

上述方法均未对selectbox的实际视图产生影响。通过设置值来改变的唯一事情是它将自己提交的值，但selectbox条目不会被重置。

有什么建议吗？

Answer 1

这是什么意思？ http://jsfiddle.net/BprVD/1/

修改

根据Chris的要求，这是完整的解决方案http://jsfiddle.net/yahavbr/YjBWc/2/ c / o Shadow Wizard和我自己。