Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Combobox 选择组合框后显示输入文本_Combobox - Fatal编程技术网

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

Combobox 选择组合框后显示输入文本,combobox,Combobox,我有一个关于如何显示基于选择组合框的文本字段的问题。 我有这样一个代码: <select name="comment"> <option value="">Choose One</option> <option value="Good">Good</option> <option value="Others">Others</option> </select> 选一个 好 其他 如果我选择其他,

我有一个关于如何显示基于选择组合框的文本字段的问题。 我有这样一个代码:

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

选一个
好
其他
如果我选择其他,则我希望显示文本输入


我该怎么做?不使用jquery就可以完成吗?

使用普通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"/>
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';
}

使用普通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"/>
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';
}
检查