Forms 选择选项后显示文本框

Forms 选择选项后显示文本框,forms,radio,Forms,Radio,我正在制作一个表单,我想知道在我选择了其他选项或选项3之后,如何让脚本显示一个文本框 HTML: 如何更改此选项。selectedIndex==5,以便同时使用选项3和5 谢谢 为您的选择添加ID 添加用于更改选定值的事件: $'someth'。关于'change',函数{ 如果'someth'。val==其他 { $'YourInputID'.css'display','block'; } }; 不要错过添加显示:无;在输入样式中谢谢,现在修复它。但是,现在我的表单中有一些隐藏文本框中的空行。

我正在制作一个表单,我想知道在我选择了其他选项或选项3之后,如何让脚本显示一个文本框

HTML:

如何更改此选项。selectedIndex==5,以便同时使用选项3和5

谢谢

为您的选择添加ID 添加用于更改选定值的事件: $'someth'。关于'change',函数{ 如果'someth'。val==其他 { $'YourInputID'.css'display','block'; } };


不要错过添加显示:无;在输入样式中

谢谢,现在修复它。但是,现在我的表单中有一些隐藏文本框中的空行。一旦文本框显示出来,是否可以将其余部分向下移动?没关系,让它工作吧!我的css覆盖了我隐藏文本框的区域,我建议使用display:none;与可见性相比,它们有点不同
<select name="choice" onchange="if(this.selectedIndex==5)    
{this.form['other'].style.visibility='visible'}else 
{this.form['other'].style.visibility='hidden'};"> 
<option value="" selected="selected">Select...</option>
<option value="1">1</option> 
<option value="2">2</option>
<option value="3">3</option> 
<option value="4">4</option>
<option value="other">Other</option> 
</select>

<input type="textbox" name="other" style="visibility:hidden; margin-left:3px"/>
window.addEvent('domready', function() {
$('hearabout').addEvent('change', function() { 
if ($('hearabout').value == 'Rekening' ) { 
$('other_input').setStyle('display', 'block'); 
} else { 
$('other_input').setStyle('display', 'none'); 
} 
});

if ($('hearabout').value == 'Rekening' ) { 
$('other_input').setStyle('display', 'block'); 
} else { 
$('other_input').setStyle('display', 'none'); 
} 
});