javascript - 根据选择标签下选择的选项使 div 隐藏和可见

Question

我的代码似乎不起作用。 所以我有一个像这样的 div:

<div class="abc">
<form>
**some input tags**

然后这个:

<select>
<option value="" onclick="myfx1()">yes</option>
<option value="" onclick="myfx2()">no</option></select>

这是我的 js 代码:

<script type="text/javascript">
function myfx1(){
    document.getElementById("hid").style.visibility="hidden";
}
function myfx2(){
    document.getElementById("hid").style.visibility="visible";
}
</script>

****************下面是当没有选择时必须出现的div******************** ***

<div id="hid">
<select>
**some options**
</select>
<font>
**some text**
</font>
**some more textarea and input tags**
</div>
**end of the div**

然后它以一个按钮结束:

<input type="button" style="float:right" value="Go">
</div></form>

Answer 1

<select onchange='myfx1(this.value)'>
<option value="1" >yes</option>
<option value="0" >no</option></select>


<script type="text/javascript">
function myfx1(value){
    if(value==1) {
    document.getElementById("hid").style.visibility="hidden";
}else {
document.getElementById("hid").style.visibility="visible";
}
}</script>