javascript - 获取表格中的行号并将其保存到php变量中

Question

我正在使用 while 循环将数据库中的数据显示到表中。当用户单击任何行时，它应该允许用户重定向到其他页面以编辑信息。我正在尝试获取用户点击的行号，并且需要转换为 php 变量。我怎样才能做到这一点？还有其他方法可以获取行号吗？这是我的代码:

<div id="table-wrapper">
  <div id="table-scroll">
    <table class="table" border="1" border-spacing="2" padding="2" >
      <tr class="row">
        <td>
          <font face="Arial, Helvetica, sans-serif">Staff ID</font>
        </td>
        <td>
          <font face="Arial, Helvetica, sans-serif">Name</font>
        </td>
        <td>
          <font face="Arial, Helvetica, sans-serif">Position</font>
        </td>
      </tr>

      <?php
        $i = 0;
        while ($i < $num) {
          $f1 = mysql_result($result, $i, "ID");
          $f2 = mysql_result($result, $i, "Name");
          $f3 = mysql_result($result, $i, "Position");
      ?>

      <script>
        function myFunction(x) {
          alert("Row index is: " + x.rowIndex);
          //i can get the row number using this
        }
      </script>

      <tr onclick="myFunction(this)">
        <td>
          <font face="Arial, Helvetica, sans-serif"><?php echo $f1;  ?></font>
        </td>
        <td>
          <font face="Arial, Helvetica, sans-serif"><?php echo $f2; ?></font>
        </td>
        <td>
          <font face="Arial, Helvetica, sans-serif"><?php echo $f3; ?></font>
        </td>
      </tr>

      <?php
          $i++;
        }  
      ?>
    </table>
  </div>
</div>

Answer 1

最好使用实际链接，假设您要发出标准 GET 请求(如果不是，请稍微扩展一下您要尝试执行的操作):

<td>
  <a href="path/to/some_script.php?n=<?php echo $i ?>">
    <font face="Arial, Helvetica, sans-serif"><?php echo $f1 ?></font>
  </a>
</td>

如果一定要用JavaScript，也可以把数字存为数据，这样会更靠谱一些:

<script>
    function myFunction(el) {
        alert(el.dataset.row);
    }
</script>

<tr data-row="<?php echo $i ?>" onclick="myFunction(this)">
  <font face="Arial, Helvetica, sans-serif"><?php echo $f1 ?></font>
</td>