如何傳遞從 django 表單操作 url 的下拉列表中選擇的項目的 id？

Question

問題在這里，我想將交易項中的 id 從下拉列表傳遞到表單操作 URL 購物車添加。 從下拉列表中選擇的值中，我已經獲取了 id，但現在我不知道如何將該 id 傳遞給腳本，然后以添加到購物車的形式傳遞。 如果有人知道請幫忙。

<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<script>
   $(document).on("change", '.Price', function (event) {
           event.preventDefault();
           $('#id_price').text($(this).children(":selected").attr("price"));
           $('#id_sale_price').text($(this).children(":selected").attr("sale_price"));
           $('#transactionIDValue').val($(this).children(":selected").attr("transID"));
    });
</script>



    <select class="Price" style="width: 250px;">
      <option value="none" selected disabled hidden>
        Select an Option
    </option>
    {% for item in transaction %}
    
      <option transID={{item.id}} price={{item.Price}} sale_price={{item.get_sale}} >{{item.AUID.unit}} - {{item.Description}}</option>

    {% endfor %}
  </select>

    <form id='transactionIDValue' action="{% url 'cart:cart_add' %}" class="d-inline" method="post">
      {{cart_product_form}}
      {% csrf_token %}
      <input type="submit" class="btn btn-primary shadow px-5 py-2" value="Add To Cart">
      <!-- <button type="submit" class="btn btn-primary shadow px-5 py-2">Add to Cart</button> -->
    </form>
 

Answer 1

只需在您的腳本標簽中添加操作 URL，就像這個檢查工作片段

 $(document).on("change", '.Price', function (event) { event.preventDefault(); let id = $('#customselect').find(":selected").attr('price'); console.log('Id : ',id) let Url = `/page/${id}` $('#transactionIDValue').attr('action', Url); let formAction = $('#transactionIDValue').attr('action') let formAction2 = $('#transactionIDValue').prop('action') console.log('form action relative url : ',formAction) console.log('form action full url : ',formAction2) });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select class="Price" id="customselect"> <option value="">----</option> <option value="1" price="1">1</option> <option value="2" price="2">2</option> <option value="3" price="3">3</option> </select> <form id="transactionIDValue"> </form>