Board logo

標題: 可增加數量的下拉式選單如何自動計算 [打印本頁]

作者: kobebeef    時間: 2014-12-21 14:39     標題: 可增加數量的下拉式選單如何自動計算

本帖最後由 kobebeef 於 2014-12-21 14:45 編輯

最近在寫一個可以提交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    時間: 2014-12-25 22:03

可以將算數金額根據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    時間: 2015-3-14 21:57

本帖最後由 yang 於 2015-3-14 21:59 編輯

回復 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標籤了




歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://jsgears.com/)