0

私は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>

フォームの追加ボタンがクリックされたときに同じフォームを生成するにはどうすればよいですか?

4

2 に答える 2

2

[追加] ボタンで別のフォームを出力するサーバー側のコードをトリガーすることで、そのサーバー側を実行できますが、これはページ全体をリロードすることを意味します。

リロードせずにそれを行うには、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);
}​

(フォームの名前を変更する必要があります。変更しないと、元のフォームにアクセスできなくなります)

ライブ テスト ケース。

于 2012-09-05T07:13:20.483 に答える
0

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();">

私はこれがあなたが探しているものだと思います。そうでない場合は、明確に説明してください。私はあなたを助けるために最善を尽くします。

于 2012-09-05T07:12:44.473 に答える