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