このコードを変更して、チェックボックスの代わりにメニューをドロップした隠しフォームを表示するにはどうすればよいですか？

Question

このコードはうまくいきましたが、チェックボックスの代わりにドロップダウンメニューを使用するように変更したいと思います。たとえば、「More？」のドロップダウンメニューの選択肢「はい」または「いいえ」となります。メニューで「はい」を選択した場合、現在のコードのチェックボックスをチェックしたときと同じように、非表示のdivが表示されるようにします。

のjavascript：

<script language="JavaScript"> 
    function showhidefield() 
    { 
    if (document.frm.chkbox.checked) 
    { 
     document.getElementById("hideablearea").style.display = "block"; 
    } 
    else 
    { 
     document.getElementById("hideablearea").style.display = "none"; 
    } 
    } 
</script> 

そして、これはHTMLです：

<form name='frm' action='nextpage.asp'> 
    <input type="checkbox" name="chkbox" onclick="showhidefield()"> 
    Check/uncheck here to show/hide the other form fields 
    <br> 
    <div id='hideablearea' style='visibility:hidden;'> 
    <input type='text'><br> 
    <input type='submit'> 
    </div> 
    This is a text line below the hideable form fields.<br> 
</form> 

ありがとうございました。

Answer 1

<select name="more" onchange="showhidefield()"> 
    <option value="yes">Yes</option> 
    <option value="yes">Yes</option> 
</select> 

であなたのチェックボックスを交換し、

if (document.frm.more.value == 'yes') 

Answer 2

<form name='frm' action='nextpage.asp'> 
    <select name="chkbox" onChange="showhidefield(this)"> 
    <option value="0" selected="true">-Select-</option> 
    <option value="1">Yes</option> 
    <option value="2">No</option> 
    </select> 
    Check/uncheck here to show/hide the other form fields 
    <br> 
    <div id='hideablearea' style='display:none;'> 
    <input type='text'><br> 
    <input type='submit'> 
    </div> 
    This is a text line below the hideable form fields.<br> 
</form> 

とJavaScriptコードを使用してshowhidefield()機能で

if (document.frm.chkbox.checked) 

を交換するには、次のとおりです。

<script language="JavaScript"> 
    function showhidefield(that) 
    { 
    if (that.value == 1) 
    { 
     document.getElementById("hideablearea").style.display = "block"; 
    } 
    else 
    { 
     document.getElementById("hideablearea").style.display = "none"; 
    } 
    } 
</script>