如何从下拉列表和显示的输入框中获取增加的价值？

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