javascript - 通过 JavaScript 设置 SelectBox 值

Question

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

第一个条目的值为“空”并且没有显示文本，因此当页面加载时，第一个空条目被选中，因此可以选择任何其他条目并与 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;

以上提到的方法都不会影响选择框的实际 View 。通过设置值唯一改变的是将要提交的值本身，但不会重置选择框条目。

有什么建议吗？

Answer 1

你是这个意思吗？ http://jsfiddle.net/BprVD/1/

编辑:

应 Chris 的要求，这里是完整的解决方案 http://jsfiddle.net/yahavbr/YjBWc/2/ c/o 暗影巫师和我自己。