javascript 表单提交时清除输入字段

5ssjco0h  于 2023-01-29  发布在  Java
关注(0)|答案(5)|浏览(209)

我知道这个问题不断地被问到,我已经检查了不同的答案,尝试了不同的解决方案,但都无济于事。在某些情况下,这真的是一个个案的事情,取决于代码是如何被编辑的。
我想简单地有两个输入字段在我的页面清除当我点击提交(&&输入-除非它是一个单独的事件,这是另一个线程),考虑到我总是按输入而不是点击-这是一个网站只是为了我使用。
我当然有一个input标记,输入submit,它工作得很好,但我也有一个特定的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>';
}

我猜它只是把一行(正确的)代码,最有可能在块的末尾,但我只是不能弄清楚。非常感谢的帮助!

3zwtqj6y

3zwtqj6y1#

使用reset函数,该函数在表单元素上可用。

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

uubf1zoe2#

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

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

insrf1ej3#

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

e.target.reset();
fslejnso

fslejnso4#

通过这种方式,你可以通过他的ID来持有一个表单,然后抛出他所有的内容。这种技术是最快的。

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

eqfvzcg85#

仍然使用空字符串可以用途:

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

相关问题