技术求助：设置隐藏的#firstpage div为何显示在#lastpage页面？

首先，咱们来梳理下你遇到的核心问题：进入最后一页时#firstpage和#lastpage同时显示，这大概率是PHP写法不规范、JS执行时机，或是表单提交逻辑的问题导致的，下面给你逐一拆解修复：

1. 修复PHP数组键名的不规范写法 #

你代码里的$_POST[submit]、$_POST[submit8]这类写法存在隐患——在PHP中，数组的字符串键名必须用引号包裹，否则PHP会把submit当作未定义的常量，虽然部分宽松环境下会自动转为字符串，但这会触发E_NOTICE级错误，甚至导致判断逻辑失效。

把所有的数组键名加上单引号，修改后的PHP代码片段如下：

<?php 
$first = ""; 
if (isset($_POST['submit'])){ 
    $first = "hide"; 
} 

$second = ""; 
if (isset($_POST['submit8'])){ 
    $second = "hide"; 
} 

var_dump($first); 
var_dump($second); 
var_dump($first!=""); 
var_dump($second!=""); 

if (isset($_POST['submit9'])){ 
    // 这里可以补充最后一页提交后的业务逻辑
} 
?>

2. 优化页面初始状态（避免加载闪烁+兜底隐藏） #

当前你的页面依赖JS控制显示隐藏，但页面加载时会先渲染所有div再执行JS，不仅会有短暂的内容闪烁，一旦JS加载失败，所有div都会默认显示，直接导致你遇到的“多页同时显示”问题。建议在CSS中默认隐藏第二页和最后一页：

#secondpage, #lastpage {
    display: none;
}

这样初始状态下只有第一页可见，后续JS只需要负责切换显示状态即可，也能避免JS失效时的页面混乱。

3. 确保JS代码在DOM加载完成后执行 #

你使用了jQuery的选择器语法，但如果代码在DOM还没渲染完成时执行，会找不到对应的元素，导致隐藏/显示逻辑失效。把所有控制页面切换的JS放到$(document).ready()中：

<?php if($first!=""){ ?>
<script type="text/javascript">
$(document).ready(function(){
    $("#firstpage").hide();
    $("#secondpage").show();
    $("#lastpage").hide();
});
</script>
<?php }elseif($second!=""){ ?>
<script type="text/javascript">
$(document).ready(function(){
    $("#firstpage").hide();
    $("#secondpage").hide();
    $("#lastpage").show();
});
</script>
<?php }else{ ?>
<script type="text/javascript">
$(document).ready(function(){
    $("#firstpage").show();
    $("#secondpage").hide();
    $("#lastpage").hide();
});
</script>
<?php } ?>

4. 验证表单提交参数 #

修改完上述内容后，你可以通过浏览器的开发者工具（F12→网络面板）查看每次表单提交的POST参数：

• 点击第一页的Select，POST参数里应该包含submit
• 点击第二页的Select，POST参数里应该包含submit8
  如果参数不符合预期，说明表单提交逻辑有问题，可以进一步检查表单的method和按钮的name属性是否正确。

按照这些步骤调整后，就能解决你遇到的多页同时显示的问题了。

内容的提问来源于stack exchange，提问作者BigUncleE