javascript - 如何将数据从html表单显示到表格？

Question

我有接受用户详细信息的 html 表单。我想将 html 表单数据显示到表格中。那么如何在Javascript中实现这一点？

Answer 1

您可以使用 jQuery 获取 HTTP GET 参数并使用带有 HTML 的 HTTP GET 发布表单，并通过 HTTP GET 使用 jQuery 接收表单参数。JQuery 或某些 JavaScript 框架也可以执行 HTTP POST，但如果您没有太多要求，您可能希望保持此用例简单。

如果您在编写代码时需要帮助，您可以在 www.jsfiddle.net 中完成，我们将在那里提供帮助，或者如果任务超出您的能力范围，我们可以在此处发布代码。

Answer 2

听起来您没有使用服务器端发布，但您只是试图将信息放在表单上并将其显示在同一页面的表格中。我对吗？

如果是这样，这是您可以使用的功能示例：

JavaScript：

function addRowToTable() {
  var tbl = document.getElementById('tblSample');
  var lastRow = tbl.rows.length;
  // if there's no header row in the table, then iteration = lastRow + 1
  var iteration = lastRow;
  var row = tbl.insertRow(lastRow);

  // left cell
  var cellLeft = row.insertCell(0);
  var textNode = document.createTextNode(iteration);
  cellLeft.appendChild(textNode);

  // right cell
  var cellRight = row.insertCell(1);
  var el = document.createElement('input');
  el.type = 'text';
  el.name = 'txtRow' + iteration;
  el.id = 'txtRow' + iteration;
  el.size = 40;
  cellRight.appendChild(el);  
 }

function removeRowFromTable()
{
  var tbl = document.getElementById('tblSample');
  var lastRow = tbl.rows.length;
  if (lastRow > 2) tbl.deleteRow(lastRow - 1);
}

如需完整实施，请点击以下链接： http: //www.codeproject.com/Articles/19532/Dynamic-Table-using-html-and-javascript