Javascript get form von array-Werten

Ich habe ein Formular, das so eingerichtet ist, dass es eine Schaltfläche hinzufügen, damit meine Benutzer Einreichen können mehrere Leute gleichzeitig auf der Website.

Zunächst die form hat einen Eingang, füllen Sie den Personen Namen ein Beispiel unter

<input type="text" name="name[]" value="Name" />

Wenn Sie auf die Schaltfläche hinzufügen ein weiteres angehängt wird, so dass ich bin Links mit den folgenden

<input type="text" name="name[]" value="Name" /> 
<input type="text" name="name[]" value="Name" />

Dann, wenn Sie auf Einreichen ich versuche, die Werte der einzelnen Namen in Javascript und eine Schleife, ich hab das versucht aber es funktioniert nicht

var inputs = document.getElementById('formIDhere').getElementsByTagName('name');
alert(inputs.length);

Bekomme ich nie die Warnung, und wenn ich einfach eine Schleife wie diese

for(int i=0; i<inputs.length; i++)

Nichts passiert, keine Hilfe auf einer Schleife durch die Werte von name[] in javascript würde sehr geschätzt werden

Warum zeigen Sie nicht den code für den submit-button?
versuchen name="name"
FYI: getElementsByTagName("name") wird gesucht <name></name>

InformationsquelleAutor user577732 | 2013-09-25

  1. 5

    Ich denke, Sie könnten versuchen:

    var inputs = document.querySelectorAll("#formIDHere input[name='name[]']");
alert(inputs.length);
for (i = 0; i < inputs.length; i++) {
    //your code here
}
    funktioniert genauso, wie erforderlich, Dank einer Tonne!

    InformationsquelleAutor Duncan

  2. 2

    Einfachen Ansatz:

    var names=document.getElementsByName('name[]');

for(key=0; key < names.length; key++)  {
    alert(names[key].value);

    //your code goes here
}

    InformationsquelleAutor Biswadeep Sarkar

  3. 1
    [...document.querySelector("#FORMID").elements['name[]']].map(el=>el.value); 
//Returns ["name","name",...]

    InformationsquelleAutor Анатолій ЖелезнЫйквадрат

  4. 0

    Ich denke, dass Sie verwenden können document.getElementById('formIDhere').elements.name.

    Wird es Ihnen ein array mit allen Werten.

    InformationsquelleAutor Halcyon

  5. 0

    dein Fehler ist die Verwendung getElementsByTagName, die aufgefordert werden, für die ein tag namens <name>, und natürlich werden Sie es nicht haben, versuchen Sie es mit einer Klasse, um die Eingabe für Beispiel und Holen es mit Hilfe von jquery $('className') was wird sicherlich bekommen, das Ergebnis zu korrigieren, oder mithilfe von dom können Sie immer noch verwenden
    document.getElementById('form').elements.name aber immer noch auf diese Weise möglicherweise nicht cross-browser-sicher, wenn sorgfältig geprüft,

    InformationsquelleAutor Labib Ismaiel

  6. 0

    getElementsByTagName gibt die array-Elemente whoose tag-name angegeben ist in argument.
    In html gibt es kein element whoose tag-name ist name.

    name ist ein Attribut gegeben, um html-Elemente.
    Um Elemente, basierend auf dem Namen, den Sie verwenden können,

    var ele=document.getElementsByName('whatevername');

    ele enthält das array von Elementen, deren name angegeben ist. Dann können Sie verwenden, Ihre Schleife zu Durchlaufen und jedes element.

    InformationsquelleAutor Shadow

  7. 0

    dies ist, was die Elemente bilden, ist für

    var inputs = document.getElementById('formIDhere').elements["name[]"];
alert(inputs.length);
for (i = 0; i < inputs.length; i++) {
    //your code here
}

    InformationsquelleAutor Tony Brix

Schreibe einen Kommentar