Обновление корзины без использования кнопки обновления только с помощью тега select Django & ajax

привет ребята моей форме нужна кнопка update для отправки данных, но я хочу отправить данные (количество товара) с помощью тега select и ни у кого нет решения

**ajax

$(document).on("click", ".update-button", function (e) {
e.preventDefault();
var prodid = $(this).data("index");
$.ajax({
  type: "POST",
  url: '{% url "basket:basket_update" %}',
  data: {
    productid: $(this).data("index"),
    productqty: $("#select" + prodid + " option:selected").text(),
    csrfmiddlewaretoken: "{{csrf_token}}",
    action: "post",
  },
  success: function (json) {

    total = (parseFloat(json.subtotal) + 11.50).toFixed(2);
    document.getElementById("basket-qty").innerHTML = json.qty;
    document.getElementById("subtotal").innerHTML = json.subtotal;
    document.getElementById("total").innerHTML = total;
  },
  error: function (xhr, errmsg, err) {},
});

});

**html

          <label for="select">Qty</label>
          <select id="select{{product.id}}" style="width:50px;height:31px;">
            <option value="" selected disabled hidden>{{item.qty}}</option>
            <option value="">1</option>
            <option value="">2</option>
            <option value="">3</option>
            <option value="">4</option>
          </select>
          <a type="button" id="update-button" data-index="{{product.id}}"
            class="update-button text-decoration-none small ps-3">Update</a>

Вернуться на верх