javascript - 单击切换回第一个选项

Question

如果您选择 id="second" 选项，您将切换回 id="first" 选项。

有人知道如何使用 onclick 执行此操作吗？

<select id="switchback">
  <option id="first" value="one">Switch back to first option?</option>
  <option id="second" value="two" onclick="...">Yes</option>
</select>

注意:不能使用 jQuery。

Answer 1

如果您确实希望选择自动恢复到第一个选项，您可以这样做:

document.getElementById('switchback').onchange = function(){
    if (this.options[this.selectedIndex].id=="second") {
        this.selectedIndex = 0; 
    }
};​

Demonstration

但是提出select有什么意义呢？请注意，您可能更愿意禁用它:

<select id="switchback" disabled>
  <option id="first" value="one">You can't change me, lalalala...</option>
  <option id="second" value="two">And you can't see me</option>
</select>​

Demonstration

对于大多数用户来说，第二种解决方案更加清晰。