選擇組合框後顯示輸入文本

Question

我有一個關於如何顯示基於選擇組合框的文本字段的問題。 我有這樣的代碼：

<select name="comment"> 
<option value="">Choose One</option> 
<option value="Good">Good</option> 
<option value="Others">Others</option> 
</select> 

如果我選擇別人，那我想文字輸入顯示。

我該怎麼做？這可以做到沒有jQuery？

Answer 1

使用普通的JavaScript，試試這個
HTML部分

<select name="comment" id="combo" onChange="check();"> 
<option value="">Choose One</option> 
<option value="Good">Good</option> 
<option value="Others">Others</option> 
</select> 
<input type = "text" id ="dummyText" visible="false" style="visibility:hidden"/> 

的Javascript部分

function check() { 
    var el = document.getElementById("combo"); 
    var str = el.options[el.selectedIndex].text; 
    if(str == "Others") { 
     show(); 
    }else { 
     hide(); 
    } 

} 
function hide(){ 
    document.getElementById('dummyText').style.visibility='hidden'; 
} 
function show(){ 
    document.getElementById('dummyText').style.visibility='visible'; 
} 

檢查JSFIDDLE