如何将值传递给div?Jquery

daolsyd0  于 2022-12-03  发布在  jQuery
关注(0)|答案(1)|浏览(150)

我有一个下面的表单,将下面的值传递给div(myDiv),并希望显示该div(display:block)。
第一个
我已经试过下面的输入类型:

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

它显示了div(myDiv),但我想要的值没有沿着。
谢谢!

2hh7jdfx

2hh7jdfx1#

你可以给变量赋值,但你从来没有真正 * 输出 * 它们。

$AA= $_POST['value_a'];

只需执行以下操作:

echo $_POST['value_a'];

另外,您的<div>应该是 visible 才能看到它。它的样式设置为始终隐藏:

<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.设置输出格式,使结果中的值不只是混合在一起。这将涉及在输出中使用更多的HTML。观察浏览器的页面源代码,查看实际输出的内容与呈现的方式。
1.开始研究一个叫做Cross Site Scripting的东西。对于像这样的人为练习来说,这不是问题。但是在现实世界的应用程序中,你不想盲目地输出用户输入,* 特别是 * 如果你把 * 别人的 * 输入输出给用户。

相关问题