PHP 和 Javascript - DIV 不会隐藏

Question

我正在努力做到这一点，当用户转到 dashboard.php?option=home 时，他们只看到 support_ticket_div，而当他们转到 dashboard.php?option=ucp 时，他们只看到 control_panel_div。出于某种原因，当我从上面单击带有这些链接的按钮时，DIV 不会隐藏。相反，两个 DIV 都显示，一个在另一个下面。这是我放在 DIV 之前的 PHP 代码:

<?php 
  if($_GET['option'] == 'home') { ?>
    <script type="text/javascript">setcontent(1);</script> <?
  }
  if($_GET['option'] == 'ucp') { ?>
    <script type="text/javascript">setcontent(2);</script> <?
  } 
?>

这是我的 setcontent() javascript 函数，位于 head 部分的标签中

function setcontent(id)
{
    switch(id)
    {
        case 1:
            document.getElementById('control_panel_div').style.display = 'none';
            document.getElementById('support_ticket_div').style.display = 'inline';
            break;
        case 2:
            document.getElementById('support_ticket_div').style.display = 'none';
            document.getElementById('control_panel_div').style.display = 'inline';
            break;
    }
}

谁能帮帮我？谢谢...

Answer 1

您正试图在元素存在于 DOM 中之前执行您的函数。

“这是我放在 DIV 之前的 PHP 代码”尝试将它放在 div 之后。