从上一页的输入值中显示/隐藏div id

Question

我发现很难解决这个问题。我想使用上一页的表单输入数据来显示或隐藏特定的div id。

<form action="http://example.com/example/" method="post">
<input type="hidden" id="example" name="example" value="<?php echo $site; ?>">
<input class="examplesubmit" type="submit" value="Submit">
</form>

第2页

<div id="testing"  style="display:none;">
content
</div>

我希望上一页的输入值或名称或id用作显示或隐藏div id的基础。如果用户点击提交按钮，页面会自动显示内容，否则内容不会显示

我该怎么写？可能使用javascript或php代码

Answer 1

您可以通过以下方式实现：

第1页

<form action="index2.php" method="post">
<input type="hidden" id="example" name="example" value="foo">
<input class="examplesubmit" type="submit" value="Submit">
</form>

第2页(index2.php(

<div id="testing"<?php echo ($_POST['example'] == 'foo') ? '' : ' style="display:none;"'; ?>>
konten
</div>

这使用了三元运算符，它或多或少是一个内联if/else条件。

因此，在我的示例中，第1页上的表单提交给第2页上的表格(index2.php(，并检查具有example名称的表单字段是否具有设置为"foo"的值。

Answer 2

您只能将两者包含在同一页面中，默认情况下隐藏内容，只需单击提交按钮即可显示。

<form action="http://example.com/example/" method="post">
<input type="hidden" id="example" name="example" value="<?php echo $site; ?>">
<input class="examplesubmit" type="submit" value="Submit">
</form>

这里你有包括第二页，进入第一页只有在这里使用

<?php require_once 'page2.php'; ?>

这里是jquery或javascript，对不起，我更喜欢jquery。

<script>
$(function(){
$("#testing").hide();
$('.examplesubmit').click(function(e){
e.preventDefault();
$("#testing").show();
});
});
</script>