我是一个新手，我一直在绞尽脑汁，试图通过尝试不同的方法来找到解决方案，以获得适当的结果，但到目前为止，我尝试的任何方法都没有奏效。我也尝试过在stackoverflow和google上搜索。但是到目前为止评论的解决方案都没有解决这个问题。
这是到目前为止我的代码的链接：http://pastebin.com/x05nGQ1Y
我想要实现的是:在输入字段中，我可以写一个例子，比如香蕉(S)和苹果(S)等产品，然后在它旁边，我有一个下拉列表，表示我想要的特定产品的数量。然后，在最后我有一个onclick按钮，它将以ul列表的形式显示我订购的内容。我也有一个删除当前列表功能的按钮，如果我拼错了什么或为产品设置了错误的数量。
现在出现了我无法解决的部分:我正在尝试获得一个输入，以显示最终所有产品的总数量。
假设我在下拉列表中输入数量为5的香蕉，然后添加数量为3的苹果和1加仑牛奶。这意味着总产品中有5+3+1=9，我试图在最后弹出结果。
回答 2
Stack Overflow用户
发布于 2016-09-20 19:03:22
在onclick处理程序中，您需要添加代码来汇总列表中的项目。您在这里没有提供任何关于如何存储数据的信息，所以我假设您只在页面上的UL中存储了这些数据。在这种情况下，您只需要对UL中的LI元素进行计数并输出结果。
如果你张贴了你的代码和一个codepen，这样其他人就可以查看和修改你的代码，那么帮助你会更容易。
编辑:我看到你提供了一个链接。这是我的想法。您在页面上将数据点存储为LI，而应将其存储在数据对象数组中，并从数据数组呈现UL。然后，您可以轻松地为您的计算获取适当的数据点。最好避免将数据存储在DOM中，而是将其存储在javascript中的单独数据结构中。
对于您的情况，您可以保留一个计数器变量来跟踪列表中的项数，然后在清除列表时重置它。
Stack Overflow用户
发布于 2016-09-20 22:24:59
你要做的就是..。
1)创建一个输入框来显示合计
<input id="total" value="0" />2)每当有人添加项目时，请更新该框-在定义antall之后，将其放入某个位置，这是您的leggTil函数。
document.getElementById('total').value = parseInt(document.getElementById('total').value) + parseInt(antall);这只是将当前项目的数量与框中已有的值相加。
下面是一个有效的演示：https://jsfiddle.net/oh376pLw/
此外，与您的问题无关，但是您真的不应该在文档的<head>中放置<header>标记。您也不应该在文档的<head>和<body>之间放置任何内容。
https://stackoverflow.com/questions/39601725
复制
![[Excel技巧]创建下拉列表](https://developer.qcloudimg.com/http-save/yehe-7215932/e8a502e6cd0882220ca606c02ff21d78.png)
相似问题
如何从数据库中获取要显示在下拉列表中的值？
根据vue中的ID获取要显示的下拉列表
如何使用下拉列表和输入框从数据库中自动获取数据？
使用下拉列表中的附加值
如何从禁用下拉列表中获取显示的文本？
领取专属 10元无门槛券
AI混元助手 在线答疑
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
