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

选择Combobox后显示输入文本

1 个答案: