如何将值传递给div？ Jquery

Question

我在下面有一个表格，用于将以下值传递给 div (myDiv) 并希望显示该 div (display:block)。

<form method="post">

       <input type="text" name="value_a" value="A" >
    <input type="text" name="value_b" value="B" >

<input type="submit" name="submitX" value="submit" ;">

</form>

<div id="myDiv" style="display: none;"  >

<?php if(isset($_POST['submitX'])) 
  
{

  $AA= $_POST['value_a'];
  $BB = $_POST['value_b'];  
  .
  .
</div>

我已经尝试了以下输入类型：

<input type="button" name="submitX" value="Submit" onclick="document.getElementById('myDiv').style.display = 'block' ;" >

它显示了 div(myDiv) 但我不想携带的值。

谢谢:)

Answer 1

你给变量赋值，但实际上你从来没有output他们。 而不是这个：

$AA= $_POST['value_a'];

只需这样做：

echo $_POST['value_a'];

---

此外，您的<div>应该是可见的才能看到它。 这被设计成总是隐藏的：

<div id="myDiv" style="display: none;"  >

即使您在单击按钮时运行 JavaScript 以显示它，一旦表单发布和页面重新加载，这也无关紧要。 相反，根据表单输入有条件地设置样式：

<div id="myDiv" style="display: <?= isset($_POST['submitX']) ? "block" : "none" ?>;"  >

或者，如果您更喜欢可读性：

<?php if (isset($_POST['submitX'])) { ?>
  <div id="myDiv">
<?php } else { ?>
  <div id="myDiv" style="display: none;">
<?php } ?>

实际上，有多种方法可以构建您的逻辑。

---

作为学习练习，进一步的考虑包括：

1. 格式化您的 output，以便结果中的值不只是混在一起。 这将涉及在您的 output 中使用更多 HTML。观察浏览器的页面源代码以了解您实际 output 与它的呈现方式。
2. 开始研究称为Cross Site Scripting的东西。 对于像这样的人为练习，这不是问题。 但是在现实世界的应用程序中，您不想盲目地 output 用户输入，尤其是当您正在将其他人的输入输出给用户时。