Javascript 如何制作'；提交'；具有无限数量输入的表单上的选项？

我正在尝试创建一个“计算器”，您可以在其中添加输入量，这样您就可以输入任意数量的输入。提交时，它应该显示所有输入的附加值-但是，我只能让它显示最后一个输入的值。此外，我还希望将x输入的值乘以x输入的量，写入数字输入-我该怎么做

var prices=新数组（）；
价格[“无”]=0；
价格[“汉堡”]=10；
价格[“鱼”]=20；
价格[“牛排”]=30；
var i=0；
函数createInput（）{
i++；
var container=document.getElementById（“newInputs”）；
var select=document.createElement（“select”）；
select.setAttribute（“id”，“select”+i）；
container.appendChild（选择）；
var none=document.createElement（“选项”）；
无。setAttribute（“值”、“无”）；
无。text=“”；
选择。添加（无）；
var one=document.createElement（“选项”）；
一、设置属性（“值”、“汉堡”）；
one.text=“汉堡”；
选择。添加（一个）；
var two=document.createElement（“选项”）；
二、设置属性（“值”、“鱼”）；
two.text=“Fish”；
选择。添加（两个）；
var三=document.createElement（“选项”）；
三、设定属性（“价值”、“牛排”）；
三、text=“牛排”；
选择。添加（三个）；
var金额=document.createElement（“输入”）；
amount.setAttribute（“id”、“amount”+i）；
amount.setAttribute（“类型”、“编号”）
容器。子容器（数量）；
返回i；
}
函数getPrice（）{
var价格=0；
var theForm=document.forms[“form”]；
变量项=形式元素[“选择”+i]；
价格=价格[项目.价值]；
退货价格；
}
函数getTotal（）{
var totalPrice=getPrice（）；
document.getElementById（'total'）.innerHTML=“£”+总价；
}

汉堡
鱼
牛排
您还没有总数

请查看此信息~

var prices=新数组（）；
价格[“无”]=0；
价格[“汉堡”]=10；
价格[“鱼”]=20；
价格[“牛排”]=30；
var i=0；
函数createInput（）{
i++；
var container=document.getElementById（“newInputs”）；
var select=document.createElement（“select”）；
select.setAttribute（“id”，“select”+i）；
container.appendChild（选择）；
var none=document.createElement（“选项”）；
无。setAttribute（“值”、“无”）；
无。text=“”；
选择。添加（无）；
var one=document.createElement（“选项”）；
一、设置属性（“值”、“汉堡”）；
one.text=“汉堡”；
选择。添加（一个）；
var two=document.createElement（“选项”）；
二、设置属性（“值”、“鱼”）；
two.text=“Fish”；
选择。添加（两个）；
var三=document.createElement（“选项”）；
三、设定属性（“价值”、“牛排”）；
三、text=“牛排”；
选择。添加（三个）；
var金额=document.createElement（“输入”）；
amount.setAttribute（“id”、“amount”+i）；
amount.setAttribute（“类型”、“编号”）
容器。子容器（数量）；
返回i；
}
函数getPrice（）{
var价格=0，ix，ixLen，值，类型；
var newInputs=document.getElementById（'newInputs'）；
价格+=（价格[document.getElementById（'select0'）。值| |'无]）*
（document.getElementById（'amount0'）.value | | 0）；
对于（ix=0，ixLen=newInputs.children.length；ix

汉堡
鱼
牛排
您尚未获得显示提交错误的总数。一个问题是
var totalPrice=price。该语句将抛出一个引用错误，因为在执行getPrice函数之前，price变量不存在（并且它从未被调用）。我如何将输入函数放在表单中，而不是放在html文档的末尾？在将amount.elements[“select1”]更改为form.elements[“select1”]后，我想我开始有所进展了。它可以工作！但是，要求你解释怎么做会太过分吗？非常感谢：）@AntArni嘿，怎么样？你想问我什么？：）我只是不完全确定它背后的机制是如何工作的——特别是，如果我想添加更多的“默认”输入（即，在重新加载页面时从开始开始的输入，目前只有一个输入），我该如何做，并且仍然实现您的脚本？（目前，如果你做了不止一件事，这根本不起作用）