Formular Auswertung mit dynamischer Anzahl Felder

Zenti

Erfahrenes Mitglied
Hallo,
hab ein kleines Problem bei nem Formular, das ich per AJAX verschicke. Das Formular besteht zu erst aus 2 Feldern, man kann aber mehrere hinzufügen mittels einem Button "Feld hinzufügen", die dann per AJAX nachgeladen werden. Wie kann ich nun die neuen Felder mitschicken, wenn ich vorher nicht weiß, wieviele es werden. Ich könnte den Submit Button so nachladen, dass er bei onlick die Value aller Felder an die AJAX-Funktion verschickt, aber gibt es vllt eine einfacherere und bessere Variante?
Danke im vorraus :)
 
HTML:
<div id="form">
    <input type="text" name="foo1" />
    <input type="text" name="foo2" />
    <input type="text" name="foo3" />
    <input type="text" name="foo4" />
    <input type="text" name="foo5" />
    <input type="button" value="Mehr!" />
</div>

Javascript:
var form = document.getElementById("form");
var inputs = form.getElementsByTagName("input");

for(var i=0; i<inputs.length; i++) {
    //Beispielhaft
    if(inputs[i].type != "button" && inputs[i].type != "submit") {
        alert(inputs[i].name + '=' + inputs[i].value);
    }
}
 

Neue Beiträge

Zurück