是否可以清除表单并使用一个按钮重置(重新加载)页面？

Question

我在用户输入内容的页面上有一个表单,然后返回结果并显示在页面上.我是否可以使用同时清除搜索结果和表单的按钮？

我知道您可以使用<input type="reset" value="Reset"/>表单上的按钮重置表单,并使用以下代码重新加载页面.

<input type="button" value="Clear Results" onClick="window.location.reload()">

是否可以让按钮执行这两项操作,即清除搜索结果并重置表单？是否可以使用JavaScript完成,如果是这样的话？

谢谢

Answer 1

如果您想要发布的两个片段的功能,您可以简单地组合它们.

<input type="reset" value="Reset" onClick="window.location.reload()">

(那里,现在你可以接受我的答案XD)

Answer 2

我是@ MikeyHogarth建议的粉丝,因为它被调用,无论页面是如何刷新的.这是我发现直接javascript比jquery更简单的罕见时刻之一,所以我只是想为此添加代码.

$(document).ready(function () {
    resetForms();
});

function resetForms() {
    document.forms['myFormName'].reset();
}

这使用了表单名称属性,如果您更喜欢使用表单id属性,请使用以下内容:

document.getElementById('myFormId').reset();

Answer 3

使用JQuery,在页面上做这样的事情;

$(document).ready(function () {
    resetForms();
});

function resetForms() {
    for (i = 0; i < document.forms.length; i++) {
        document.forms[i].reset();
    }
}

然后只需使用您的第二个输入,表单将在页面加载时自动刷新.