下拉菜單如何顯示和隱藏層??? 在線等

Question

<script language=javascript>
function changeDisplay(value)
{
  if(value=="隐藏")
   {
    document.all("bb").style.display='';
    document.all("cc").style.display='none';   }
  else
  {
    document.all("cc").style.display='';
    document.all("b").style.display='none';   }
}
</script>
<select onChange="changeDisplay(this.value);"><option value="显示">显示</option><option  value="隐藏">隐藏</option></select>

Answer 1

多謝樓上..... 不過有一個問題....
頁面載入的時候. bb和 cc層只有一個顯示...
比如只顯示 bb層.
而我在cc  DIV 屬性設置為 style="visibility: hidden;"的時候.
腳本就出錯了......如何解決呢?

Answer 2

用display:none吧.
我这display:none和visibility: hidden都没问题呀,
<DIV id="cc" style="display:none"><tr id="tr"><table width="100%" border="0" cellpadding="5" cellspacing="0" bgcolor="#FFFFCC">
          <tr> 
            <td>IP</td>
            <td><input name="textfield" type="text" size="15"></td>
          </tr>
          <tr> 
            <td>IP</td>
            <td><input name="textfield2" type="text" size="15"></td>
          </tr>
          <tr> 
            <td>IP</td>
            <td><input name="textfield3" type="text" size="15"></td>
          </tr>
        </table></tr></DIV>
        
        
<DIV id="cc" style="visibility: hidden;"><tr id="tr"><table width="100%" border="0" cellpadding="5" cellspacing="0" bgcolor="#FFFFCC">
          <tr> 
            <td>IP</td>
            <td><input name="textfield" type="text" size="15"></td>
          </tr>
          <tr> 
            <td>IP</td>
            <td><input name="textfield2" type="text" size="15"></td>
          </tr>
          <tr> 
            <td>IP</td>
            <td><input name="textfield3" type="text" size="15"></td>
          </tr>
        </table></tr></DIV>