php - 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

试试这个：

 case 1: ...
        alert("case 1");
        break;

 default:
        document.getElementById('control_panel_div').style.display = 'none';
        document.getElementById('support_ticket_div').style.display = 'none';
        break;

如果您总是转到默认部分，请尝试 parsint() 您的 id

Answer 2

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

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