Javascript 使用JS innerHTML和

试图使用JS构建动态web表单，请参考此请求附带的示例代码。注册人可以为每次注册选择座位数量和不同的座位价格。我正在考虑将总价值引入“pay_total”最终金额字段中-但是，所有注册席位价格“pay_fee”的条目都是使用数组格式的JS插入表单中的（pay_fee[]）-因此我不确定如何计算所有项目的金额（pay_fee[]）-任何帮助都将不胜感激

函数进程_参与者（）{
函数clear（）{
document.getElementById（“参与者列表”）.innerHTML=“”；
}
var字段集='座位价格间隔1-$5000间隔2-$3000'；
var NumberOfSeats=document.getElementById（'seatNumbers'）.value；
//警报（座位数）；
如果（NumberOfSeats==1）{
document.getElementById（'participant_list'）。innerHTML=fieldSet+“
”；
}   
如果（NumberOfSeats==2）{
document.getElementById（'participant_list'）。innerHTML=fieldSet+fieldSet+'
；
} 
如果（NumberOfSeats==3）{
document.getElementById（“参与者列表”）.innerHTML=fieldSet+fieldSet+fieldSet+“
”；
} 
如果（NumberOfSeats==4）{
document.getElementById（“参与者列表”）.innerHTML=fieldSet+fieldSet+fieldSet+fieldSet+“
”；
} 
如果（NumberOfSeats==5）{
document.getElementById（'participant_list'）。innerHTML=fieldSet+fieldSet+fieldSet+fieldSet+fieldSet+'
'；
} 
}

无限论注册
在这里注册
座位数目
1.
2.
3.
4.
5.
全部的
.00

完全注册

使用while循环，而不是使用multiple if condition

parseInt

选择的座位值，并应用while循环。然后创建如下的

total\u processing

函数

function total_processing(that) {
    document.getElementById("pay_total").value = parseFloat(document.getElementById("pay_total").value|0)+parseFloat(that.value)
    }

然后使用现有的

pay_total

值和

下拉列表中新选择的值添加总值。将字符串转换为数字很重要

更新

更改事件时刷新的总金额


功能流程_参与者（）{
document.getElementById（“参与者列表”）.innerHTML=“”；
document.getElementById（“支付总额”）.value=“”
var字段集='座位价格间隔1-$5000间隔2-$3000'；
var NumberOfSeats=document.getElementById（'seatNumbers'）.value；
//警报（座位数）；
var i=0；
而（i”；
i++；
}
}
函数clear（）{
document.getElementById（“参与者列表”）.innerHTML=“”；
}
函数总数_处理（）{
var合计=0；
document.querySelectorAll（'.amount'）.forEach（函数（a，b）{
总计+=parseFloat（a.值| 0）
})
document.getElementById（“支付总额”）。值=总额
}

无限论注册
在这里注册
座位数目
1.
2.
3.
4.
5.
全部的
.00



完全注册
首先：字段集。重复（NumberofSeats）；我可以给你介绍一个吗？谢谢，但不起作用-尝试了以下方法。document.getElementById（'participant_list'）。innerHTML=fieldSet.repeat（NumberofSeats）；下面的代码可以避免if/else-
code
document.getElementById（'participant_list'）。innerHTML=（fieldSet.repeat（NumberOfSeats））+“
”<代码>代码

谢谢，Prasad，但似乎存在一个问题-当更改price seat的值时，总计不会刷新/重新计算，而是在总计字段中累积所有值。非常感谢，。。。完美的