可增加數量的下拉式選單如何自動計算

kobebeef

最近在寫一個可以提交php金額的東西
我想要的是總金額可以自已修改也可以預設的金額來處理
問題是這是copy別的地方來的
只能用<div size="10" id="amount-price" ></div>來顯示金額
不知要怎麼把它改到這<input id="child_total" ... 來顯示金額並達到可自已修改總金額來提交
因為我把它改成<input id="amount-price" 也是顯示不出來
再麻煩大大幫我看一下，這個問題困擾我很久不知該怎麼解決


我的檔案放在google雲端下載
https://docs.google.com/file/d/0Bw6VC132Yj7OVE45UHlfS1NReFU/

oppois0805

可以將算數金額根據id設定他的val

js/index.js:

var calcAmount = function () {
        var price = 0;
        for (var i = 0, len = prices.length; i < len; i++) {
            price += prices[i][0] * prices[i][1];
        }
        amount.html(price);
       //新增這一行↓
        $("#child_total").val(price);
    };

yang

回復 1# kobebeef

將<div size="10" id="amount-price" ></div>
改成
<div size="10" id="amount-price"
onmouseover="this.contentEditable=true;"
onmouseout="this.contentEditable=false;"
style="display:inline-block;border:2px solid #aaa;border-radius:6px;width:100px;height:20px"></div>
這樣div就可編輯也不需要input標籤了