如果用戶使用下拉框選擇可選附件,我試圖更新產品的價格。它應該更新隱藏的領域以及向用戶顯示新價格的H1標籤。它似乎沒有工作。Javascript選擇更改價格
function xDeckIncreasePrice(price) {
var total = document.getElementById("agreedPrice").value;
var newprice = Number(total) + Number(price);
document.getElementById("mixingDeckTotal").innerHTML = "£" + newprice + "";
document.getElementById("agreedPrice").value = "£" + newprice + "";
}
下面是HTML:
<select name="size">
<option value="6inch">6 Inch</option>
<option value="footlong" onselect="xDeckIncreasePrice('2.50')">Footlong (+£2.50)</option>
</select>
這裏要更新的元素:
<h1 style="color:red;" id="mixingDeckTotal">£4.50</h1><p>
<input type="hidden" id="agreedPrice" value="£4.50">
比較合適,有什麼不工作? –
它不會改變H1元素或隱藏的字段值 – Rick
你可以試試這個。 – Pradeep