时间戳

首页 > 解决方案 > JS 显示包含 PHP 的 DOM 元素

javascript - JS 显示包含 PHP 的 DOM 元素

问题描述

我有一个 PHP 代码，可以显示我数据库中的所有用户。我想制作一个打开模式的按钮，以便您可以暂停用户。我不知道是什么问题，因为当我查看 ID 时，它们是匹配的，但是当我单击按钮时，什么也没有发生。

PHP 代码

var openSuspendModalButton = document.getElementById('openSuspendModalButton<?= $roww['id'] ?>');
var suspendModal = document.getElementById('suspendationModal<?= $roww['id'] ?>');

openSuspendModalButton.onclick = function() {
  suspendModal.classList.add('hidden');
}
<!-- $conn = mysqli_connect("localhost", "root", "", "phplogin"); 
if ($conn-> connect_error) { die("Connection failed:". $conn-> connect_error); } 
$ssql = "SELECT * FROM accounts"; 
$result = $conn-> query($ssql); 
if ($result-> num_rows > 0) { 
    while ($roww = $result-> fetch_assoc()) { 
        $id = $roww['id'];
        echo " -->
<div class='setupModalContent suspendationModalContent' id='suspendationModal{$roww['id']}'>
  <div class='prof-setup-header'>
    <span class='setup-title'>Suspend {$roww['username']}</span>
    <a id='closeSetupModalByCloseButton' class='setup-close' href='/admin/h/'>&times;</a>
  </div>
  <hr class='setup-hr'>
  <div class='setup-main'>
    <div class='setup-intro-item settings-tab suspend-tab'>
      <div class='setup-item-header suspend-block'>
        <form method='POST' class='suspend-form'>
          <input type='number' name='suspendid' class='setup-submit-btn hidden' value='{$roww['id']}' readonly>
          <input type='text' name='suspendid' class='setup-submit-btn hidden' value='{$_SESSION['name']}' readonly>
          <span class='setup-sub-heading'>Reason</span><br>
          <textarea name='suspendReason' class='edit-profile-textarea suspend-reason-textarea' rows='4'></textarea><br>
          <input type='submit' class='setup-submit-btn' name='suspendUser' value='Suspend'>
          <a class='setup-change-close-btn' id='closeSuspendationModal{$roww['id']}'>Close</a>
      </div>
    </div>
  </div>
</div>
<!-- Suspend Block End -->
<br>
<div class='row no-side-margin'>
  <div class='profile-card'>
    <div class='profile-card-header'>
      <img src='{$roww['profile_picture']}' class='openprofinfos'>
      <div class='profile-det-cont'>
        <p class='user-realname'>{$roww['realname']} <sup><small>({$roww['id']})</small></sup></p>
        <span class='user-status'><i class='fa fa-map-marker'></i>{$roww['country']}, {$roww['city']}</span><br>
        <span class='user-post'>23 • 1 • 5</span><br><br>
          </span>
        <span class='user-buttons'>
            <a id='openSuspendModalButton{$roww['id']}'><i class='fa fa-lock'></i></a>
          </span>
      </div> <!--"; ?> -->

标签： javascriptphp

解决方案

推荐阅读