更改 jquery 中的 select 框时，如何从 while 循环中获取 id

Question

我在table中有一个订单项目列表，并使用while循环显示它们。 在每一行中，我都有一个select ，我正在尝试从订单项目 ID 更新订单项目状态。 每次更改下拉列表时，我都需要获取订单项目 ID，以便将其发送到 AJAX 中的另一个页面。

while($orderItemData = $orderItemResult->fetch_array()) 
{
  <tr>
    <td style="padding-left:20px;">
      <div class="form-group">    
        <p><?php echo $orderItemData['product']; ?></p>
      </div>
    </td>
    <td style="padding-left:20px;">
      <div class="form-group">
        <p><?php echo $orderItemData['quantity']; ?></p>
      </div>
    </td>
    <td>
      <?php $order_item_id = $orderItemData['order_item_id']; ?>
      <input type="hidden" name="pick_status" id="pick_status" data-id="<?php echo $order_item_id; ?>">
      <select class="form-control" name="status" onchange="updatestatus(this.value)">
        <option value="1">Pending</option>
        <option value="2">Picked</option>
      </select>         
    </td>
  </tr>
}

function updatestatus(val) {
  var status = val;
  var orderid = $('#pick_status').attr("data-id")
  alert(orderid);
}

当我更改下拉列表时，它只会让我获得第一行 ID。 更改下拉列表时如何获取每个行 ID？

Answer 1

只需在您的代码中进行这些更改并使用 jquery。

<select class="form-control status" id="<?php echo $order_item_id; ?>">
    <option value="1">Pending</option>
    <option value="2">Picked</option>
</select>  

在 JQuery

$(".status").on('change',function()
{
  var orderid=$(this).attr(id);
//ajax code
});