选择选项后显示文本框

Question

我现在正在制作一个表单，我想知道在选择“其他”或“选项3”选项后，如何让脚本显示文本框。

HTML：

<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"/>

使用Javascript：

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'); 
} 
});

如何更改“this.selectedIndex == 5”以便同时选择3和5？

由于

Answer 1

1. 为您选择<select id='someth'>
添加ID
2. 添加用于更改所选值的事件：

$('#someth').on('change', function(){ if (('#someth').val() == "other") { $('#YourInputID').css('display','block'); } });

不要错过在输入样式中添加display:none;