我正在尝试实现一个接受5个输入的表单,并将每个传递的表单设置为表中的单元格。如果仅填写五个元素中的四个,则此方法有效,但是如果填写所有选项,它将崩溃。我只想在用户填写了表单的所有五个元素后才向表中添加一行。
function aFunction() {
var table = document.getElementById("myTable"),
row = table.insertRow(-1),
cell1 = row.insertCell(0),
cell2 = row.insertCell(1),
cell3 = row.insertCell(2),
cell4 = row.insertCell(3),
cell5 = row.insertCell(4),
elements = document.forms['myForm'].elements;
cell1.innerHTML = elements['pickup'].value;
cell2.innerHTML = elements['delivery'].value;
cell3.innerHTML = elements['price'].value;
cell4.innerHTML = elements['pickup-distance'].value;
cell5.innerHTML = elements['delivery-distance'].value;
}Run Code Online (Sandbox Code Playgroud)
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td,
th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
body {
background-color: powderblue;
}
h1 {
color: …Run Code Online (Sandbox Code Playgroud)