Löschen Eingabefelder auf Formular senden

Question

Ich weiß, das wird ständig neu gefragt, und ich habe verschiedene Antworten ausgecheckt und verschiedene Lösungen ausprobiert, aber ohne Erfolg. In einigen Fällen kann es wirklich von Fall zu Fall eine Sache sein, je nachdem, wie der Code redigiert wurde.

Ich mag würde einfach haben die beiden Eingabefelder in meine Seite zu löschen, wenn ich einreichen klicken (& & geben - es sei denn, seine eigenständige Veranstaltung, das ist für einen anderen Thread), wenn man bedenkt ich zu klicken, immer im Gegensatz Eingabetaste drücken - das ist eine Seite, die nur für meinen Gebrauch bestimmt ist.

Ich habe natürlich ein Eingabe-Tag, geben Sie einreichen, und es funktioniert gut. Aber ich habe auch schon eine bestimmte 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 ist nur über eine Zeile (rechts) Code setzen, höchstwahrscheinlich am Ende des Blockes, aber ich kann es einfach nicht herausfinden, . Vielen Dank für die Hilfe!

Answer 1

Verwenden Sie die reset-Funktion, die auf dem Formular-Elemente zur Verfügung steht.

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

Answer 2

Sie können ihre Werte löschen, indem nur Wert auf einen leeren String setzen:

var1.value = ''; 
var2.value = ''; 

Answer 3

Auf diese Weise halten Sie ein Formular mit seiner ID und werfen alle seine Inhalte. Diese Technik ist am schnellsten.

document.forms["id_form"].reset(); 

Answer 4

Immer noch mit leeren Zeichenfolgen können Sie:

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