如何在php echo中使用innerHTML中的Id或类并从数据库中获取值？-解网

问：

按下按钮后，我正在使用 javascript 替换验证码值，代码如下所示：

document.getElementById('showCode').addEventListener('click', function() {
  const icon = this.querySelector('i');
  if (icon.classList.contains('fa-eye')) {
    icon.classList.remove('fa-eye');
    icon.classList.add('fa-eye-slash');
    document.getElementById('validCode').innerHTML = 'validationcodehere';
  } else {
    icon.classList.remove('fa-eye-slash');
    icon.classList.add('fa-eye');
    document.getElementById('validCode').innerHTML = '●●●●●●●●●●●●●●';
  }
});

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container mt-4">
        <span id='validCode'>●●●●●●●●●●●●●●</span>
        <button id='showCode' class='btn btn-secondary btn-sm ms-4'><i class="fa fa-eye"></i></button>
    </div>
</body>
</html>

上面的代码运行良好，但放在 php echo 中时无法运行。我使用的 php7 代码如下所示：

<?php
while ($row=mysqli_fetch_array($query))
    {
    echo "<tr>";
    echo "<td>".$row['id']."</td>";
    echo "<td>".$row['orderid']."</td>";
    echo "<td>".$row['validation']."</td>";
    echo "<td><span id='validCode'>●●●●●●●●●●●●●●</span><button id='showCode' class='btn btn-secondary btn-sm ms-4'><i class='fa fa-eye'></i></button></td>";
    echo "<td>".$row['order_date']."</td>";
    echo "</tr>";
    }
?>

我的问题是如何使其在 php echo 会话中运行，以及如何从数据库“.$row['validation']] 中获取值的值。谢谢。"document.getElementById('validCode').innerHTML = 'validationcodehere';"validationcodehere

javascript php jquery mysql mysqli

let showCodeBTN = document.querySelector(".btn-showCode");
showCodeBTN.addEventListener("click", showCode);
  const codeEl = document.querySelector("[data-code]");
  codeEl.innerHTML = "●".repeat(codeEl.getAttribute("data-code").length);


function showCode() {

  const code = codeEl.getAttribute("data-code");

  const icon = this.querySelector('i');
  const showingCode = (icon.classList.contains('fa-eye-slash'));
  icon.classList.toggle("fa-eye");
  icon.classList.toggle("fa-eye-slash");
  codeEl.innerHTML = (showingCode) ? "●".repeat(code.length) : code;
}

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
  <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
  <div class="container mt-4">
    <span data-code="12345678"></span>
    <button class='btn-showCode btn btn-secondary btn-sm ms-4'><i class="fa fa-eye"></i></button>
  </div>
</body>

</html>

PHP回声：

echo "<td><span data-code='{$row['validation']}'></span><button  class='btn-showCode btn btn-secondary btn-sm ms-4'><i class='fa fa-eye'></i></button></td>";

如何在php echo中使用innerHTML中的Id或类并从数据库中获取值？

How to use innerHTML by Id or class in php echo and get value from database?

评论

评论