的onclick切換回第一個選項

Question

。

任何人都知道如何使用的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

這第二種解決方案是爲大多數用戶更清晰。

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