更改顺序
<select id="test" name="test" onChange="changetextbox();">
<option value="PASS">PASS</option>
<option>No</option>
<option>No, but planning in future</option>
</select>
<input type="text" name="test" id="sdd" />
<script type="text/javascript">
document.getElementById('mfi_4_a_i').onchange = function(){
if (this.value == 'PASS') {
document.getElementById('sdd').style.display = "block";
} else {
document.getELementById('sdd').style.display = "none";
}
};
</script>
你需要确保的JavaScript运行时的DOM元素已经准备好....
注意您id
属性不匹配的JavaScript要么.. mfi_4_a_i
VS在HTML test
和您应该写一个函数changetextbox
或写getElementById('blah').onchange = function() {
不是两个......
<select id="test" name="test">
<option value="PASS">PASS</option>
<option>No</option>
<option>No, but planning in future</option>
</select>
<input type="text" name="test" id="sdd" />
<script type="text/javascript">
document.getElementById('test').onchange = function(){
if (this.value == 'PASS') {
document.getElementById('sdd').style.display = "block";
} else {
document.getElementById('sdd').style.display = "none";
}
};
</script>
Working example here
另注你有
document.getELementById('sdd').style.display = "none";
这应该是
document.getElementById('sdd').style.display = "none";
我在元
什么是你的实际问题,改变了
L
的情况下你被卡住? – Leri 2012-07-16 10:22:23好吧,它只是不起作用:( – user974435 2012-07-16 10:23:07
向我们展示更多代码,就像您生成下拉菜单和使用您的div的部分一样 – j0k 2012-07-16 10:23:49