Question

我正在制作在线投放网页的代码，我很难弄清楚如何输出用户订购的整个列表。

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'）。value之间放置了一个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。我还是有点新鲜的。

Answer 1

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>";
}

Answer 2

代码的内核应如下所示（已删除双+运算符，重新格式化）：

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

您已经以某种方式表达了您的问题，建议您希望输出使用某些ID从所有（html）元素的内容汇编的订单列表。

这不会可靠地运作：

ID应该是文档唯一的。
您使用的Js函数不会遍历列表。

相反，请继续执行以下行（假设您导入jquery，跨浏览器dom-handling和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结构进行定制。

如何使用Javascript获取订购列表的总数

2 个答案: