php - 单击动态创建的表中的行创建动态页面

Question

每当我单击表格中的一行时，我都会尝试打开一个新页面。该表是从数据库获取数据而生成的。我需要每当我​​单击表中的 X 行时，您就会被重定向到包含该行详细信息的页面。我不知道如何根据我单击的行重定向到非静态网页，而且...我需要帮助来知道单击了哪一行，以便我知道应该再次从数据库获取哪些数据(以在此显示)新一页)。我之前尝试过的唯一方法是使用 ref 标签进行重定向，但在这种情况下不起作用。

到目前为止我的计划:

            <tr class ="fila" id=<? echo $row["id"] ; ?>>
            <td ><? echo $row["nombre_disfraz"]; ?></td>
            <td><? echo $nombreregion; ?></td>
            <td><? echo $nombrecomuna; ?></td>
            <td><? echo $nombrecategoria ?></td>
            <td><? echo $nombretalla; ?></td>
            <td><? echo $row["nombre_contacto"]; ?></td>
            </tr>

这就是我现在生成表格的方式，每个 id 对于每一行都是唯一的...我的计划是为类“fila”执行一个 javascript，并以某种方式使用类似这样的东西从 javascript 传递变量 id。 id 到 php，这样我就可以有一个名为details.php 的网页，并且我可以再次向数据库请求数据，因为我有一个 id...这是一个好的计划吗？

Answer 1

您的计划很好，并且遵循非常标准的模式。目前尚不清楚到底是什么阻止了您研究和尝试，但无论如何，这是完成的文章:

在所有具有“fila”类的元素上设置“click”事件监听器。然后在处理程序中，获取被单击元素的 ID，并使用 JavaScript 导航到新页面，并使用 ID 作为查询字符串参数。

演示:

var rows = document.querySelectorAll('.fila');
rows.forEach(btn => {
  btn.addEventListener('click', function() {
    var url = "details.php?id=" + this.id;
    console.log(url);
    window.location = url;
  });
});

table {
  border-collapse: collapse;
}

td {
  border-bottom: 1px solid #cccccc;
  padding: 5px;
}

.fila:hover {
  cursor: pointer;
  background-color:#cccccc;
}

<table>
  <tr class="fila" id="1">
    <td>
      1
    </td>
    <td>
      23r
    </td>
    <td>
      fgdfg
    </td>
    <td>
      g4gfg
    </td>
    <td>
      4gw3g>
    </td>
    <td>
      23rgdfgd
    </td>
  </tr>
  <tr class="fila" id="2">
    <td>
      2
    </td>
    <td>
      x
    </td>
    <td>
      y
    </td>
    <td>
      z
    </td>
    <td>
      a
    </td>
    <td>
      b
    </td>
  </tr>
  <tr class="fila" id="300">
    <td>
      300
    </td>
    <td>
      x
    </td>
    <td>
      y
    </td>
    <td>
      z
    </td>
    <td>
      c
    </td>
    <td>
      d
    </td>
  </tr>
</table>