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';
}
检查