javascript - 单击按钮时如何使用文本字段创建表单

Question

我有一个包含 3 个文本字段的表单：

  <form id="form1" name="form1"action="">
  <td><input name="name" type="text" id="name" /></td>
  <td><input name="address" type="text" id="address"  /></td>
  <td><input name="age" type="text" id="age" /></td>

   ///Add Button here
  </form>

单击添加表单按钮时如何生成相同的表单？

Answer 1

您可以通过使添加按钮触发服务器端代码来执行该服务器端，该代码将输出另一个表单，但这意味着重新加载整个页面。

要做到这一点而无需重新加载，您可以使用纯客户端代码，使用 JavaScript.cloneNode()方法：

<button type="button" id="btnAddForm" onclick="CloneForm('formNameHere');">Add</button>

和 JavaScript：

function CloneForm(formName) {
    var formCount = document.forms.length;
    var oForm = document.forms[formName];
    var clone = oForm.cloneNode(true);
    clone.name += "_" + formCount;
    document.body.appendChild(clone);
}​

（必须更改表格名称，否则我们将无法访问原始表格）

现场测试用例。

Answer 2

javascript：

function a()
{
document.write("<form id='form1' name='form1'action=''>");
document.write(" <td><input name='name' type='text' id='name'/></td>");
 document.write("<td><input name='address' type='text' id='address'/></td>");

document.write("");

}

html:

<input type="button" value="form" onclick="a();">

我想这就是你要找的。如果不是请解释清楚。我会尽力帮助你。