php - DOM 操作 - 多种形式

Question

我的页面上有几个表单(通过循环)，每个表单都有自己的提交按钮。我想使用 AJAX 获取数据并将其发布到 .php。我需要知道提交的是哪个表单，以便获得相应的值。

这是一个简单的购物车应用程序。此表单允许用户在结账前更改购物车中商品的数量。

您会看到有两个“更改数量”按钮(提交按钮)，并且这两个字段包含在表单标记中。

包围表单的循环是:

while ($row = $query->fetch_assoc()) {
  $item_code = $row['product_id'];
  $item_name = $row['name'];
  $item_price = $row['price'];
  $item_qty = $row['qty'];
  print"<tr>
  <td>
    <img src='http://localhost/store/images/products/$item_code.jpg'>
  </td>
  <td>$item_code</td>1
  <td>$item_name</td>
  <td>$$item_price</td>
  <td>
    <form method='post' action='/store/processing/view_cart.php' class='cart_view_ajax' id='form_id_$item_code'>
      <input type='text' maxlength='2' value='$item_qty' id='qty'>
      <input type='hidden' value = '$item_code' name='product_id' id='product_id'>
      <div><input type='submit' id='submit' value='Change Quantity'></div>
    </form>
  </td>
  <td>x</td>
  </tr>";
}

问题:我如何通过 jQuery 知道提交了哪个表单？帮帮我吧...

根据给定的答案，我已经设法通过 jQuery 获取提交表单的数量。代码如下:

    $('form.cart_view_ajax').on('submit', function(e) {
    e.preventDefault();
    // start working
    var form = $(this);
    var form_id = form.attr('id');
    console.log($('#'+form_id).children().eq(0).val());

    return false;
});

Answer 1

您可以只使用“product_id”，因为它对于每个项目来说应该是唯一的

<input type='hidden' value = '$item_code' name='product_id' id='product_id'>

或者您可以向表单标记添加唯一的 ID 属性

<form method='post' action='/store/processing/view_cart.php' class='cart_view_ajax' id='item_$item_code'>
$('form#item_3')

您可以向该行添加一个唯一的 ID，以便稍后可以对其进行操作，并且可以稍后访问该表单。

<tr id="row_$item_code">
$('tr#row_3 form')

您可以向表单添加“数据”属性

<form method='post' action='/store/processing/view_cart.php' class='cart_view_ajax' id='item_$item_code' data-form_id="$item_code">
var form_id = $('form#item_3').data('form_id');

我们可以看看您当前使用的 jQuery 代码吗？