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

デモンストレーション

しかし、それでは、を提案することのポイントは何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>​

デモンストレーション

この2番目の解決策は、ほとんどのユーザーにとってより明確です。

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>