Come aggiungere un nuovo campo di testo quando si fa clic sul pulsante

Question

Desidero creare un modulo per il mio cliente. Il mio cliente ha bisogno di creare una dinamica per lui. Supponiamo, voglio inserire 1 record nella tabella principale di mysql e registrare più record nella tabella secondaria che ha la chiave di riferimento della tabella principale. Non so quanti record rispetto al tavolo principale, forse uno alla volta o più record alla volta. Voglio farlo con una sola forma. Se il client fa clic su aggiungi altro pulsante, mostra un altro campo di testo per inserire più dati. come posso farlo ?????

Answer 1

Questo non è legato al php, è necessario aggiungere dinamicamente al modulo utilizzando javascript.

Answer 2

It would be possible using pure javascript 

simili

<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

Ciò è possibile attraverso la jquery/javascript.

modo da poter utilizzare questo riferimento: http://www.mkyong.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/

Provare per credere !!

Answer 4

ecco il codice:

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


    } 
}