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之后。

PHP和Javascript - DIV不会隐藏

2 个答案: