基于同一表中的另一个字段自动更新表中的字段

Auto updation of a field in table based on another field in the same table

本文关键字:字段 更新 于同一 另一个      更新时间:2023-09-26

我正在开发一个购物车。到目前为止,我已经在购物车中列出了产品。每个产品都有其名称,价格,数量和小计。数量以下拉列表形式给出。当用户更改下拉列表值时,价格必须自动更改。此功能使用 ajax。我得到了特定下拉列表的ID。现在如何使用该 id 更改特定产品的价格?请帮助我

像这样的东西:演示

.HTML

Price: <input type="text" id="price" value="100" /><br />
Quantity :
<select id="qty" onchange="calculate()">
    <option value=""></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<br />
Total : <input type="text" id="total" /><br />

.JS

<script>
function calculate()
    {
       var price = document.getElementById("price").value;
       var qty = document.getElementById("qty").value;
       var total = parseFloat(price) * parseFloat(qty);
       document.getElementById("total").value = total;
    }
</script>