javascript - Onclick 切换回第一个选项

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; 
    }
};​

示范

但是，提出一个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>​

示范

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

Answer 2

尝试这个，

演示：http: //jsfiddle.net/axksN/

HTML

<select id="switchback" onchange="revertBack(this)">
  <option id="first" value="one">Switch back to first option?</option>
  <option id="second" value="two">Yes</option>
  <option value="three">Three</option>
</select>

Javascript

function revertBack(obj){
    if(obj.value=="two"){
       obj.selectedIndex = 0;
    }
}​

​</p>