HTML 如何在不知道按钮 id 或名称的情况下获取按钮的值

Question

我正在尝试为项目构建数据库管理面板，并且我希望能够通过单击特定表行上的按钮来编辑特定条目。我需要一种方法来将按钮的值（设置为条目的 id）传递到 php 脚本重定向页面，但也传递到同一页面，因为当您按下按钮时，会弹出一个预填充的表单。有办法做到吗？这是我的第一个 HTML/Javascript/PHP 项目。

我尝试将按钮的值保存在全局 js 变量中，并在每次打开弹出窗口时保存它。我使用了带有控制台日志的按钮，它保存得很好，但无论出于何种原因，当我提交表单时，重定向脚本中的发布值显示为未定义。现在无法发布代码，但我会尽可能发布。

Answer 1

您好，您可以尝试做这样的事情

<script>
document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('.edit-button').forEach(button => {
    button.addEventListener('click', function() {
      const id = this.getAttribute('data-id');
      window.location.href = 'edit.php?id=' + id;
    });
  });
});
</script>

然后在 edit.php 上你可以做

<?php
$id = $_GET['id'];

// Fetch data from database using $id and prefill form fields
// Example: SELECT * FROM your_table WHERE id = $id
?>

<!-- Your HTML form with pre-filled data -->