Javascript,使用 session 变量作为 switch 语句

标签 javascript php html

我不知道如何执行此操作,但我想使用来自 javascript switch 语句内的 session 变量的给定值,以便在该值与大小写匹配时使隐藏的 div 可见。到目前为止我已经得到了这个。

隐藏的 div 位于另一个 div 内的列表内。位于第 1 页。

 <html>

 <div id="sidebar-wrapper">
        <ul class="sidebar-nav">
            <li class="sidebar-brand">a href="#">home</a></li>
            <li><div style="display:none;" id="div1"> <a href="#">page 1</a></div></li>
            <li><div style="display:none;" id="div2"> <a href="#">page 2</a></div></li>
            <li><div style="display:none;" id="div3"> <a href="#">page 3</a></div></li>
        </ul>
     </div>

从 session 中检索值。位于第 1 页。

<input type="hidden" id="ID" value="<?php echo $_SESSION['ID'];?>" />
</html>

JavaScript,位于第 2 页。

var sessionID =  document.getElementById("ID").value;

$(document).ready(function() {
switch(sessionID) {
    case 2002:
        $("#div1").show();
        break;
    case 2003:
        $("#div2").show();
        break;
    case 2004:
        $("#div3").show();
        break;
}
});
</script>

我遇到的问题是它不起作用,我不知道为什么。非常感谢任何帮助。

我的第 2 页设置如下。

<?php include "header.php";?>

<div id="content">
Some random text
</div>
<script>The script goes in here</script>

<?php include "footer.php";?>

为了更加清晰而进行了编辑。因为事情仍然没有按预期进行。

最佳答案

与字符串大小写匹配

case '2002':
    $("#div1").show();
    break;
case '2003':
    $("#div2").show();
    break;
case '2004':
    $("#div3").show();
    break;

<强> DEMO

关于Javascript,使用 session 变量作为 switch 语句,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28188888/

相关文章:

php - 使用 API 动态拉伸(stretch)以适合 YouTube 视频

javascript - 用php制作命令系统

Javascript 传递元素 Id 作为参数

jquery - 如何在单击按钮时选择网格中选中复选框的行?

javascript - 从 Javascript 连接到 SOAP Web 服务?

javascript - 使用 Chrome 扩展更改 navigator.userAgent

php - 网页实现excel另存为的最佳方法

javascript - 如何记录不存在的元素

javascript - 即使正确设置了 document.domain,跨子域 ajax 请求也被拒绝

javascript - jQuery 根据设置日期显示和/或隐藏元素