ユーザーが選択を行ったときの表示を切り替える方法

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.