如何獲得訂購列表的總數，用Javascript

我正在做一個在線交付網頁的代碼，我很難弄清楚如何輸出用戶訂購的列表的總數。如何獲得訂購列表的總數，用Javascript

function ListOrder(){ 
     document.getElementById('order').innerHTML += "<div id=\"YourOrders\">" + + document.getElementById('FoodName').value + document.getElementById('quantity').value + document.getElementById('Totality').value + "</div><br>";}

編輯：我想知道如何得到總價格的總和。所以，我在document.getElementById（'Totality'）。值之間放置了一個parseInt。它現在看起來像這樣，

function ListOrder(){ 
     document.getElementById('order').innerHTML += "<div id=\"YourOrders\">" + + document.getElementById('FoodName').value + document.getElementById('quantity').value + parseInt(document.getElementById('Totality').value) + "</div><br>";}

有人可以幫我做一個函數或什麼的？請僅使用Javascript。我仍然有點新。

來源

2014-02-27 user3359381

確保您使用的是數字。 '.value'返回一個字符串。 – elclanrs

哦，那我怎麼把它轉換成一個整數？ – user3359381

@ user3359381'parseInt（）' – Johan

function ListOrder(){ 
    document.getElementById('order').innerHTML += 
    "<div id=\"YourOrders\">" + 
    parseInt(document.getElementById('FoodName').value) + 
    parseInt(document.getElementById('quantity').value) + 
    parseInt(document.getElementById('Totality').value) + 
    "</div><br>"; 
}

來源

2014-02-27 08:27:22

代碼的內核應該像下面的（雙+運營商刪除，格式化）：

function ListOrder(){ 
    document.getElementById('order').innerHTML += 
      "<div id=\"YourOrders\">" + (
       document.getElementById('FoodName').value 
       + document.getElementById('quantity').value 
       + document.getElementById('Totality').value 
     ) 
     + "</div><br>" 
    ; 
}

你措辭你的問題的方式暗示你想輸出一個令列表從所有（html）元素的內容與某些ID組合而成。

這將無法可靠地工作：

ID應該記錄獨一無二的。
您使用的Js函數不會遍歷列表。

代替，大意如下（即假定您導入jquery，進行一個跨瀏覽器的DOM操作和Ajax庫（你應該反正用:)）：

function ListOrder(){ 
    var e_orders = $("<div id=\"YourOrders\">"); 
    $("#order").append(e_orders); 

    $(".FoodName").each (function (idx_fn, e_fn) { 
     $(e_orders).append(
      $("<div/>").append(
       $(e_fn).val() 
       + $(e_fn).nextAll('.quantity').val() 
       + $(e_fn).nextAll('.Totality').val() 
      ); 
     ); 
     $(e_orders).append("<br>"); 
    }); 

    return e_orders; 
}

代碼模板假定源數據是value屬性用css類quantity,Totality和'FoodName`標記的元素，表示這些元素是兄弟姐妹，並且在每個項目的容器元素中都是唯一的。數量信息。它應該足夠靈活以適應您的實際需要和html結構。

來源

2014-02-27 08:27:35 collapsar

如何獲得訂購列表的總數，用Javascript

回答

相關問題