Question

我正在构建一个动态生成的表，其中的每一行都是带有一些输入和选择的表单，并且都有自己的提交。

到目前为止，这是我的代码：

<script>
  $(function () {
    $('form').on('submit', function (e) {
      var princ = $('#principal').val();
      window.princ = princ;
      e.preventDefault();

      $.ajax({
        url: 'post.php',
        method: 'GET',
        data: {"princ":princ},
        success: function (response) {
        alert("success");
        } }); }); });
</script>
                  <table id="assets_table">
                  <thead style=" cursor: pointer;">
                  <tr style="text-align: left; color: #fff;">
                       <th>Lender </th>
                       <th>Principal </th>
                       <th>Int. % </th>
                       <th>Term (mo.) </th>
                       <th>Collateral </th>
                       <th></th>
                            </tr>
                            </thead>
                            <tbody>
 <?php
$competitions_id = $uscom['id'];
$users_query = mysqli_query($con, "SELECT * FROM competitions WHERE competition='$compe'");
$users_query_r = mysqli_fetch_array($users_query);
       foreach($users_query as $users_query_r) {
                   $usn = $users_query_r['Name'];
                    $usn_query = mysqli_query($con, "SELECT * FROM users WHERE                        username='$usn'");
                      $usn_query_r = mysqli_fetch_array($usn_query);
                                                      ?>
<form>
<tr>
<td> <img src="<?= $punch_query_r['profile_pic'] ?>" alt="user"> <?= $users_query_r['Name'] ?></td>
<td><input id="principal" type="text" value="0" ></td>
<td><input id="rate" type="text" value="0" ></td>
<td><input id="term" class = "term_input" type="text" value="0" ></td>
<td><input id="collateral" type="text" value="0">
<select id="colselect" >
  <option selected disabled>Select asset</option>
 </select></td>
 <td> <input type="submit"></td>
                  </tr>
                  <?php
                   } ?>
                                                      </tbody>
                                                  </table>
</form>

但是，我无法使其正常运行，因为当我单击“提交”时，它并没有真正提交相应行的表单，而是提交了第一个表单。

我也尝试过使用输入粘贴键输入重新写入变量，但是它也不能解决问题，因为它只是获取了最后一个输入而无论行是什么。

关于如何解决的任何想法？预先非常感谢。

动态生成的表单无法识别不同的行

0 个答案: