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();
    }
}

然后只需使用您的第二个输入，当页面加载回来时，表单将自动刷新。

Answer 4

您只需使用以下代码将页面重定向到当前位置：

$('[data-command="reset"]').click(function () {    
    window.location.href = window.location.href;
}

<input type="button" value="Clear Results" data-command="reset">

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

4 个答案: