在列表框选择上隐藏div,javascript

| 我正在尝试在列表框selection.select上隐藏一个div,但是我没有得到想要的结果。它会隐藏在选择中,但不会显示在更改中。如果您想查看代码,则这是这里。
<script type=\"text/javascript\" language=\"javascript\">
        function showtxt(mySel) {
            if (mySel != 0) {
                document.getElementById(\'textarea\').style.visibility = \'visibile\'
            }
            else
                document.getElementById(\'textarea\').style.visibility = \'hidden\'
        }

    </script>
<form action=\"\">
  <label>Document Type</label>
<SELECT NAME=\"dtype\" onchange=\"showtxt(this.form.dtype.value);\">
  <OPTION SELECTED=selected value=\"0\">Select A Document Type
  <OPTION value=\"1\">C32</OPTION>
 <optgroup label=\"C48 Document\"><OPTION value=\"2\">C48 Referral <OPTION value=\"3\">C48 Discharge</optgroup></SELECT>

<div id=\"textarea\">
      <label>Select a C32 record to import</label><br/>
      <%= f.file_field  :uploaded_data, :id => \"new_record\"%><br/><br/>
      <%= submit_tag \'Import\' %>
    <% end -%>
</div>
</form>
我做错什么了吗?页面加载上还有其他事情我想在页面刷新时隐藏那个div同样的东西。     
已邀请:

要回复问题请先登录注册