javascript - 清除表单提交上的输入字段

Question

我知道这个问题不断被重新提出，我检查了不同的答案并尝试了不同的解决方案，但无济于事。在某些情况下，根据代码的编辑方式，这可能是逐案处理的。

当我点击提交时，我想简单地让我的页面中的两个输入字段清除（&& enter - 除非它是一个单独的事件，那是另一个线程），考虑到我总是按 enter 而不是点击 - 这是一个网站只是为了我的使用。

我当然有一个输入标签，类型提交，它工作正常。但我也已经有了一个特定的 onSubmit 函数：

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>';
}

我猜它只是放置一行（正确的）代码，很可能是在块的末尾，但我就是想不通。非常感谢您的帮助！

Answer 1

使用表单元素上提供的重置功能。

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

Answer 2

您可以通过将 value 设置为空字符串来清除它们的值：

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

Answer 3

您可以通过事件访问表单：

e.target.reset();

Answer 4

仍然使用空字符串，您可以使用：

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

Answer 5

通过这种方式，您通过他的ID持有一个表格并抛出他的所有内容。这个技术是最快的。

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