如何使用Javascript獲取排序的列表總數

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處理和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結構。