如何在用戶進行選擇時切換可見性

Question

我有一個選擇表單並帶有幾個選項。我也有一個div，我想只在選擇特定選項時才顯示。你們能否指出我正確的方向？最簡單的事情是什麼？

謝謝:)

Answer 1

下面是一個簡單的和非jQuery的解決方案

window.onload=function() { 
    var sel = document.getElementById("sel1"); 
    sel.onchange=function() { 
    document.getElementById("otherDiv").style.display=(this.value=="other")?"":"none"; 
    } 
    sel.onchange(); // set the visibility onload too in case of reload 
} 

<select id="sel1"> 
. 
. 
. 
<option value="other">Other</option> 
</select> 
<div id="otherDiv">Other options</div> 

Answer 2

jQuery是一個強大的JavaScript庫，使得這種任務瑣碎的。這裏是你想要什麼爲例做使用它：jQuery - Using the radio button to show/hide a div.