显示DIV一旦选择选项PASS从下拉菜单

问题描述：

我想创建简单的下拉选项，其中一个将通过然后显示DIV一次选择PASS从下拉菜单中选择其他选项DIV将被关闭显示DIV一旦选择选项PASS从下拉菜单

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

什么是你的实际问题，改变了L的情况下你被卡住？ – Leri 2012-07-16 10:22:23

好吧，它只是不起作用:( – user974435 2012-07-16 10:23:07

向我们展示更多代码，就像您生成下拉菜单和使用您的div的部分一样 – j0k 2012-07-16 10:23:49

答

更改顺序

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

我在元

仍然不工作:( – user974435 2012-07-16 10:30:09

已修复，仍然无法正常工作 – user974435 2012-07-16 10:31:59

@ user974435看到我的更新在底部...工作正常我（注意你也有一个错误'document.getElementById（'sdd'）。display =“none”'line ...你的'getElementById'在元素 – ManseUK 2012-07-16 10:34:21

答

你想要的东西，如：

<script type="text/javascript"> 
document.getElementById('ID_OF_DROPDOWN').onchange = function(){ 
    if (this.value == 'PASS') { 
     document.getElementById('ID_OF_DIV').style.display = "block"; 
    } else { 
     document.getELementById('ID_OF_DIV').style.display = "none"; 
    } 
}; 
</script>

它不会'吨工作，已经eidted主要问题 – user974435 2012-07-16 10:27:43

显示DIV一旦选择选项PASS从下拉菜单

相关推荐