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

如果执行希望select自动恢复为第一个选项，则可以执行以下操作：

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

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

Answer 2

试试这个，

DEMO： 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;
    }
}

Onclick切换回第一个选项

2 个答案: