小编Jac*_*ack的帖子

HTML表单使整个页面崩溃

我正在尝试实现一个接受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)

html javascript

0
推荐指数
1
解决办法
55
查看次数

标签 统计

html ×1

javascript ×1