javascript - 使用 php 和 javascript 弹出用户数据

Question

我正在为学校的作业制作一个网站。

您可以在此网站上发布问题，然后等待有人与您联系。我希望在弹出窗口中打开联系人数据。我已经用 php 和 javascript 尝试过这个，但是每个帖子上的弹出窗口都是一样的。似乎浏览器会弹出一个然后在任何地方使用它。这是我的代码：

     <?php
      include("php/opendb.php");

      $stmt = $db->prepare('SELECT * FROM requests INNER JOIN user_data ON user_data.user_id = requests.user_id WHERE type = 1 ORDER BY date DESC');
      $stmt->execute();
      $settings = $stmt->fetchAll(PDO::FETCH_ASSOC);
  foreach ($settings as $row){
    $title = $row["title"];
    $user = $row["user_id"];
    $email = $row["email"];
    $name = $row["name"];
    $phone = $row["phone_number"];
    echo "<section id='post'><h3>" .$title. "</h3> <br>
    <p class='posttext'>" .$row["addinfo"]. "<br>
    <p class='posttext'> user_id: " .$user. "<br>
    <p class='posttext'> email: " .$email. "<br>
    <p class='posttext'> name: " .$name. "<br>
    <p class='posttext'> phone number: " .$phone. "<br>
    <div class ='message'>
    <a href='#plusbalk'><img id='heart' onclick='parent.document.getElementById(\"heart\").src=\"/images/heart2.png\"' src='../images/heart.png' /></a>
    <a href='#plusbalk'><img id='message' onclick=\"profilepopup()\" src='../images/messenger.png' /></a></p></div></section> ";

    echo "<div id='profilepopup' class='modal'>
      <!-- pop up content -->
      <div class='modal-content'>
        <span onclick='document.getElementById('profilepopup').style.display = 'none' 'class='close' >&times;</span>

        <div class='modal-header'>

          <h2> Contact informatie </h2>

        </div>
        <div class='modal-body'>
        <p class='posttext'> user_id: " .$user. "<br>
        <p class='posttext'> email: " .$email. "<br>
        <p class='posttext'> name: " .$name. "<br>
        <p class='posttext'> phone number: " .$phone. "<br>
        </div>
      </div>
    </div> ";

  }

?>

我使用了简单的 javascript 来弹出窗口。

第一个回显直接在网站上显示消息中的联系信息，这有效！但是第二个回声用于弹出窗口，然后它不起作用，并且每次弹出窗口都是相同的，并且每次都具有完全相同的联系信息。

有谁知道问题是什么？

标签： javascriptphphtml