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

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

2 个答案: