如何將值傳遞給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 用戶輸入，尤其是當您正在將其他人的輸入輸出給用戶時。