Как я могу получить идентификатор из цикла while при изменении поля выбора в jquery

Question

У меня есть список позиций заказа в table, и я показываю их, используя цикл while. Внутри каждой строки у меня есть select, который я пытаюсь обновить статус позиции заказа из идентификатора позиции заказа. Мне нужно получать идентификатор позиции заказа каждый раз, когда я меняю раскрывающийся список, чтобы отправить его на другую страницу в 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);
}

Когда я меняю выпадающий список, он получает только первый идентификатор строки. Как я могу получить идентификатор каждой строки, когда я меняю выпадающий список?

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
});