Question

If you select the option with id="second" you will be switched back to the option with id="first".

Anyone know how to do this with onclick?

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

Note: cannot use jQuery.

Answer 1

If you do want the select to automatically revert to first option, you can do this :

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

Demonstration

But what is the point in proposing a select, then ? Note that you maybe you’d prefer to disable it :

<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

This second solution is clearer for most users.