it-swarm.com.de

Löschen Sie die Eingabefelder im Formular absenden

Ich weiß, dass dies ständig neu gefragt wird, und ich habe verschiedene Antworten geprüft und verschiedene Lösungen ausprobiert, aber ohne Erfolg. In einigen Fällen kann es wirklich von Fall zu Fall sein, je nachdem, wie der Code geändert wurde.

Ich möchte einfach die beiden Eingabefelder auf meiner Seite löschen, wenn ich auf "Senden" klicke (&& enter - sofern es sich nicht um ein separates Ereignis handelt, sondern um einen anderen Thread) nur für meine Verwendung gedacht.

Ich habe natürlich ein Eingabe-Tag, Typ einreichen und es funktioniert einwandfrei. Ich habe aber auch schon eine spezifische onSubmit-Funktion: 

function onSubmitForm(e) {
    e.preventDefault();
    var var1 = document.getElementById("name");
    var var2 = document.getElementById("review");
    arrayOne.Push( {name:var1.value,review:var2.value} );
    localStorage.filmDatabase = JSON.stringify(arrayOne);
    document.getElementById("eyedee").innerHTML += '<p>' + '<span class=name>' + var1.value + '</span>' + '<span class=review>' + var2.value + '</span>';
}

Ich vermute, es geht nur darum, eine Zeile (rechts) Code zu setzen, höchstwahrscheinlich am Ende des Blocks, aber ich konnte es nicht verstehen. Vielen Dank für die Hilfe!

33
Kizer Yakuza

Verwenden Sie die Funktion reset , die im Formularelement verfügbar ist.

var form = document.getElementById("myForm");
form.reset();
36
thomaux

Sie können ihre Werte löschen, indem Sie den Wert einfach auf eine leere Zeichenfolge setzen:

var1.value = '';
var2.value = '';
35
Rob M.

Verwenden Sie noch leere Zeichenfolgen, die Sie verwenden können:

document.getElementById("name").value = '';
document.getElementById("review").value = '';
2
megamind

Auf diese Weise halten Sie ein Formular an seinem Ausweis und werfen seinen gesamten Inhalt aus. Diese Technik ist am schnellsten. 

document.forms["id_form"].reset();
0
Damby Green