單擊按鈕時如何添加新文本字段

Question

我想爲我的客戶端創建表單。我的客戶需要爲他創建動態。 假設我想在mysql的主表中插入1條記錄，並且在有主表引用鍵的輔助表中記錄多條記錄。我不知道主表有多少條記錄，可能是一條記錄或者多條記錄。我想用單一形式來做。如果客戶端點擊添加更多按鈕，它將顯示另一個文本字段以插入更多數據 我該怎麼辦？

Answer 1

這不是php相關的，你需要動態地使用javascript添加到表單。

Answer 2

It would be possible using pure javascript 

這樣

<input type="button" onclick="addInput()"/> 

<span id="responce"></span> 
<script> 
var countBox =1; 
var boxName = 0; 
function addInput() 
{ 
    var boxName="textBox"+countBox; 
document.getElementById('responce').innerHTML+='<br/><input type="text" id="'+boxName+'" value="'+boxName+'" " /><br/>'; 
    countBox += 1; 
} 
</script> 

Answer 3

這是可能的通過的jquery/JavaScript的。

所以，你可以使用這個參考：http://www.mkyong.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/

試試吧！

Answer 4

這裏是代碼：

function generateTextBox() 
    { 

    var mainDiv=document.getElementById('options'); 
    alert(mainDiv); 
    var newBreak=document.createElement('br'); 
     mainDiv.appendChild(newBreak); 
    for(var i=1;i<=4;i++) 
     { 

    var newTextBox=document.createElement('input'); 
    var newBreak1=document.createElement('br'); 
    var newBreak2=document.createElement('br'); 
    var newBreak3=document.createElement('br'); 
    var text = document.createTextNode("Option"+i); 


    newTextBox.type='text'; 

    newTextBox.setAttribute('id','txtAddr'+i); 
     alert(newTextBox+"2"); 
     mainDiv.appendChild(text); 
    mainDiv.appendChild(newTextBox); 
    mainDiv.appendChild(newBreak1); 
    mainDiv.appendChild(newBreak2); 
    mainDiv.appendChild(newBreak3); 


    } 
}