Wie fügen Sie neue text-Feld, wenn die Schaltfläche geklickt wird

Ich soll ein Formular erstellen, die für meine Kunden. Meine Kunden benötigen, um erstellen Sie eine dynamische für ihn.
Angenommen, ich will an insert-1-Datensatz in der Haupt-Tabelle von mysql, Datensatz mehrere Datensätze in der sekundären Tabelle, die Referenz key der Haupttabelle. Ich weiß nicht, wie viele Datensätze gegen die Haupt-Tabelle, es vielleicht eines zur Zeit oder mehrere Datensätze in der Zeit. Ich möchte es mit einzelnen Formular. Wenn Kunden klicken Sie auf weitere hinzufügen-Schaltfläche, zeigen Sie ein anderes Textfeld zum einfügen von Daten mehr.
wie kann ich es machen??????

InformationsquelleAutor Aneeq Tariq | 2012-11-17

  1. 5
    It would be possible using pure javascript

    wie diese

    <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>
    Vielen Dank an alle von Euch. Sie geben mir die Idee, wie kann ich dies tun.

    InformationsquelleAutor vivek salve

  2. 2

    Dies ist möglich durch jquery/javascript.

    So können Sie dieses Referenz :http://www.mkyong.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/

    Probieren Sie es aus!!

    InformationsquelleAutor Daxen

  3. 2

    hier ist der code:

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


     }
}
    Danke. Es hat mir geholfen zu schreiben, die meinem eigenen code.

    InformationsquelleAutor Vini

  4. 0

    Dies ist keine php-bezogene, müssen Sie dynamisch zum Formular hinzufügen mit javascript.

    InformationsquelleAutor Johnathon Malizia

Schreibe einen Kommentar