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

时间:2013-10-30 10:06:28

标签: javascript

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

1 个答案:

答案 0 :(得分:0)

类似这样的事:demo

<强> 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>