顯示DIV一旦選擇選項PASS從下拉菜單

-4

我想創建簡單的下拉選項，其中一個將通過然後顯示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" />

來源

2012-07-16 user974435

什麼是你的實際問題，改變了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";

我在元

來源

2012-07-16 10:28:58 ManseUK

仍然不工作:( – 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>

來源

2012-07-16 10:24:37 AtkinsSJ

它不會'噸工作，已經eidted主要問題 – user974435 2012-07-16 10:27:43

顯示DIV一旦選擇選項PASS從下拉菜單

回答

相關問題