javascript - 当我尝试通过 POST 将行的 id 值发送到另一个页面时，该页面将始终获取 id 值 1

Question

我开始学习网络开发，并尝试将从数据库生成的其中一行的“id”发送到另一个页面。由于 JavaScript 代码，这些行是可点击的，所以我可以选择我想要的任何一行。问题是，即使 POST 方法看起来是正确的:

<form id="send" method="POST" action=<?php echo "secondpage.php?id=". $row['id']; ?> ></form>   

//在检查主页时获取值。

但是第二页始终收到 id 值 1。如果我单击 id=18 或任何其他行，这并不重要。它将始终收到值 1...

我听说这可能是我放在 PHP 代码下的 javascript 代码的问题。

这里是 PHP 代码:

<div id="content">
<table id="usersTable" class="table table-bordered table-hover table-sm ">
<form action=http://localhost/dodawanie.php>

    <input class="btn btn-primary" type="submit" value="Dodawanie">

</form>
<?php if ($result->num_rows > 0) {
     while($row = $result->fetch_assoc()) {?>

    <tr>         

        <td><?php echo "id: ". $row['id']; ?> </td> 
    <td><?php echo "Name: ". $row["first_name"]; ?> </td> 
        <td><?php echo "Last: ". $row["last_name"];?>  </td>
    <form id="send" method="POST" action=<?php echo "secondpage.php?id=". $row['id']; ?> >
</form> 
    </tr>

   <?php }
} else {
     echo "0 results";
}

$conn->close();
   ?>
</table>
</div>

这是 JavaScript:

<script type = "text/javascript">
$(document).ready(function(){
    $('#usersTable').find('tr').click( function(){
    //  alert('You clicked row ' + ($(this).index()+1) );
            $('#send').submit();
        });
    });
</script>

我很乐意接受任何帮助来查找此处的错误。

Answer 1

更改 <form id="send" id 值是唯一的

或者使用如下所示的类:
<form class="form_send"然后在您的 javascript 中搜索单击的 tr 内的 form_class :

$(document).ready(function(){
    $('#usersTable').find('tr').click( function(){
          $(this).find('form.form_send').submit();
        });
    });