2017-08-25 2 views
0

Ich möchte eine dynamische Anzahl von Zahleneingaben basierend auf der Nummer erstellen, die ich in eine erste Eingabe eingegeben habe. Wenn ich beispielsweise "3" eintrage, sollte es 3 Zeilen erzeugen:Anzahl der Eingänge (mit Präfix) basierend auf Benutzereingabe erstellen

row1 ------ (Eingabe) row2 ------ (Eingabe) row3 ------ (input)

der Eingang wird hier angegeben:

<tr> 
    <td align="center" bgcolor="#D4D4D4">Cantidad de arreglos:</td> 
    <td align="center" bgcolor="#D4D4D4"><input type="number" id="cantidadArreglos" onchange="espacioArreglos(this.value);" size="1"></td> 
    </tr> 

von der Anzahl dieser Eingabe ändern, sollte die Funktion „espacioArreglos“ bezeichnet und erzeugen für jede Zeile eine Zahl eingegeben werden.

Wie kann ich das tun? Meine Funktion ändert nichts am Wert des Eingangs "cantidadArreglos".

function espacioArreglos() { 
    for(var i = 0; i <= cantidadArreglos; i++) 
    { 
    var cantidadArreglos = document.getElementById('cantidadArreglos').value;   
    var tb = document.createElement('input');   
} 
} 
+0

Wo möchten Sie die Zeilen? in einem textarea oder in html? –

+1

Wo ist der Quellcode für Ihre 'espacioArreglos()' -Funktion und welchen Teil des Erstellens von dynamischen Elementen haben Sie Probleme? Dies ist kein kostenloser Schreibservice, daher empfehle ich Ihnen, den Quellcode für diese Funktion zu zeigen und zu erklären, was Sie bisher versucht haben. Vielen Dank. – NewToJS

+0

Entschuldigung, ich werde es jetzt zeigen. Ich dachte, es ist etwas sehr allgemein und einfach, so dass Sie nicht mehr Code benötigen :) – eduroc92

Antwort

0

Ich habe nicht genug rep nur noch zu sagen, aber ich glaube, oninput ist, was Sie suchen. onchange wird nur ausgelöst, wenn Sie die Eingabetaste für Textfelder drücken. Auch würde ich den Wert Ihres Textfelds vor Ihrer for Schleife erhalten.

+0

Ich folgte Ihrem Vorschlag, aber immer noch nichts passiert, weiß nicht, warum nicht einmal 1 einzelnes Eingabeelement erstellt wird ... – eduroc92

+0

Nachdem Sie das neue erstellen Eingabefeld müssen Sie auch neue Tabellenzeilen und Zellen erstellen und diese an die Tabelle anhängen. [Lies MDN Artikel anhängen] (https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append) – SonOfChuckles

+0

Einfach repariert, danke! :) – eduroc92

Verwandte Themen