如何創建文本框表單時按鈕是點擊

我有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>

我怎麼能產生相同的形式被點擊的形式添加按鈕時？

來源

2012-09-05 Newbie

使用JavaScript？ – Havelock

或jQuerys .append（） – PaperThick

如果您的提交將您返回到同一頁面，您將獲得相同的表格。 – BugFinder

你可以通過添加按鈕觸發服務器端代碼來輸出另一個表單，但是這意味着重新加載整個頁面。

要做到這一點無需重新加載，你可以使用純客戶端代碼，使用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); 
}

（表格的名稱必須以其他方式改變了我們失去原來的形式）

Live test case。

來源

2012-09-05 07:13:20

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

文件撰寫（「」）;

HTML：

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

我覺得這是什麼ü[R找誰。如果沒有請清楚解釋。我會盡我所能幫助你。

來源

2012-09-05 07:12:44

如何創建文本框表單時按鈕是點擊

回答

相關問題