如何获得订购列表的总数，用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

回答

相关问题