清除表单提交中的输入字段

Question

我知道这是不断被问到的,我已经检查了不同的答案并尝试了不同的解决方案,但无济于事.在某些情况下,根据代码的编辑方式,它可能确实是个案.

当我点击提交时,我想简单地在我的页面中清除两个输入字段(&&输入 - 除非它是一个单独的事件,那是另一个线程),考虑到我总是按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

您只需将值设置为空字符串即可清除其值:

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

Answer 3

您可以通过活动访问表格：

e.target.reset();