javascript - 根据同一个表中的另一个字段自动更新表中的一个字段

Question

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

Answer 1

像这样的东西：演示

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>