如何從下拉列表和顯示的輸入框中獲取增加的價值？

Question

我是新手，我一直在努力嘗試通過不同的方式來獲得正確的結果，以找出解決方案，但到目前為止，我沒有嘗試過。 我也嘗試過在這里搜索stackoverflow和google。 但是到目前為止，沒有任何解決方案可以解決該問題。

到目前為止，這是我的代碼的鏈接： http : //pastebin.com/x05nGQ1Y

我要實現的目標如下：在輸入字段上，我可以寫一個例子，例如香蕉和蘋果等產品。然后在它旁邊，有一個下拉列表，代表數量我想要的特定產品。 最后，我有一個onclick按鈕，它將以ul列表的形式顯示我已訂購的內容。 如果我拼錯了一些或為產品設置了錯誤的數量，我還有一個按鈕可以刪除當前列表。

現在這是我無法解決的部分：我試圖獲取輸入以顯示最后所有產品的總量。

假設我從下拉列表中輸入了數量為5的香蕉，然后添加了數量為3和1加侖的牛奶。 這意味着總共5 + 3 + 1 = 9，這是我試圖在最后彈出的結果。

Answer 1

在onclick處理程序中，您需要添加代碼以總計列表中的項目。 您尚未在此處提供有關如何存儲該數據的任何信息，因此我將假定您僅將該數據存儲在頁面上的UL中。 在這種情況下，您只需要計算UL中的LI元素並輸出結果即可。

如果您發布了代碼和Codepen，以便其他人可以查看和修改您的代碼，則將對您有所幫助。

編輯：我看到你提供了一個鏈接。 這就是我的想法。 您在頁面上將數據點存儲為LI，而應將其存儲在數據對象數組中，並從數據數組中呈現UL。 然后，您可以輕松獲取適當的數據點進行計算。 優良作法是避免將數據存儲在DOM中，而是將其存儲在javascript中的單獨數據結構中。

對於您的情況，您可以保留一個計數器變量以跟蹤列表中的項目數，然后在清除列表后將其重置。

Answer 2

您所要做的就是..

1）創建一個輸入框以顯示總計

<input id="total" value="0" />

2）更新框，每當有人增加了一個項目-將這個就是你的leggTil某處功能后antall定義。

document.getElementById('total').value = parseInt(document.getElementById('total').value) + parseInt(antall);

這只是將當前商品的數量添加到框中已經存在的值中。

這是一個工作示例： https : //jsfiddle.net/oh376pLw/

另外，與您的問題無關，但您實際上不應在文檔的<head>中放置<header>標記。 您也不應在文檔的<head>和<body>之間放置任何內容。

如何從下拉列表和顯示的輸入框中獲取增加的價值？

問題描述

2 個解決方案

解決方案1
0 已采納 2016-09-20 19:03:21

解決方案2
0 2016-09-20 22:24:59

如何從下拉列表和顯示的輸入框中獲取增加的價值？

問題描述

2 個解決方案

解決方案1 0 已采納 2016-09-20 19:03:21

解決方案2 0 2016-09-20 22:24:59

解決方案1
0 已采納 2016-09-20 19:03:21

解決方案2
0 2016-09-20 22:24:59