combobox - 选择组合框后显示输入文本

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