Show/Hide 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>

这利用了 ternary operator 或多或少是一个内联 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>

Show/Hide div 来自上一页输入值的 id

Show/Hide div id from input value form previous page

html

javascript

php

hidden

show