Javascript HTML表单使整个页面崩溃

我试图实现一个表单，它接受5个输入，并将每个传递的表单设置为表中的一个单元格。如果我只填写了五个元素中的四个元素，这是可行的，但是如果我填写了所有选项，它就会崩溃。我只想在用户填写完表单的所有五个元素后，向表中添加一行

函数a函数（）{
var table=document.getElementById（“myTable”），
行=表。插入行（-1），
单元1=行插入单元（0），
单元2=行插入单元（1），
单元3=行插入单元（2），
单元4=行插入单元（3），
单元5=行插入单元（4），
元素=document.forms['myForm'].elements；
cell1.innerHTML=元素['pickup'].value；
cell2.innerHTML=元素['delivery'].value；
cell3.innerHTML=元素['price'].value；
cell4.innerHTML=元素['Pick-distance'].value；
cell5.innerHTML=元素['delivery-distance'].value；
}

表格{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
运输署，
th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}
身体{
背景色：粉蓝色；
}
h1{
颜色：红色；
}
p{
颜色：蓝色；
}

收件地址
送货地址
价格
到皮卡的距离
交货距离
请填写这张表格为我们的司机张贴一份工作


收件地址
送货地址
价格
到皮卡的距离
交货距离
邮递

您应该定义按钮的类型，即：

---

Post

尝试使用

document.getElementsByTagName（“输入”）

而不是

document.forms['myForm'].elements


函数a函数（）{
var table=document.getElementById（“myTable”），
行=表。插入行（-1），
单元1=行插入单元（0），
单元2=行插入单元（1），
单元3=行插入单元（2），
单元4=行插入单元（3），
单元5=行插入单元（4），
elements=document.getElementsByTagName（“输入”）//document.forms['myForm'].elements；
//console.log（元素）
cell1.innerHTML=元素[0]。值；
cell2.innerHTML=元素[1]。值；
cell3.innerHTML=元素[2]。值；
cell4.innerHTML=元素[3]。值；
cell5.innerHTML=元素[4]。值；
}
表格{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
运输署，
th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}
身体{
背景色：粉蓝色；
}
h1{
颜色：红色；
}
p{
颜色：蓝色；
}

收件地址
送货地址
价格
到皮卡的距离
交货距离
请填写这张表格为我们的司机张贴一份工作


收件地址
送货地址
价格
到皮卡的距离
交货距离
邮递
更清楚地定义问题。你说的“撞车”是什么意思？你有错误吗？如果是，具体是什么？我可以填写所有字段并在这里提交，没有问题。当你说“崩溃”时，你是说有错误吗？或者，页面重新加载？要防止重新加载，您需要在
a函数中调用
event.preventDefault
，我看不到这一点。或者，在您的表单中添加一个
操作
，以提交您的数据。@Jack我没有看到他实际提交表单，所以问题不在于页面重新加载。@IsaaVidrine
中
的默认操作是
提交
。@IsaaVidrine W3schools并不是最好的资源（正如我在回答中提到的）。根据：缺少的默认值[对于
类型
]是提交按钮状态。如果元素有一个表单所有者，那么元素必须从按钮元素提交表单所有者。“回答不错！我唯一建议的一点是，从历史上看，W3Schools并没有被视为最好的开发资源，因此有些人（有无担保）从引用它的答案中获得一些可信度。我可以建议一个更受欢迎的选择：）