Question

我已经创建了一个html页面，在那个页面中我有表格，下拉列表和无线电标签和表格。从一个按钮开始，我想在点击页面时重置页面上的所有内容。

Answer 1

您可以使用以下JavaScript方法清除HTML输入文件控件的值：

function clearFileInputField(tagId) {
    document.getElementById(tagId).innerHTML = 
                    document.getElementById(tagId).innerHTML;
}
Or, if refactored in jQuery, this should work as well:

$("#control").html($("#control").html())

Or, for textbox type
var elements = document.getElementsByTagName("input");
for (var ii=0; ii < elements.length; ii++) {
  if (elements[ii].type == "text") {
    elements[ii].value = "";
  }
}

Answer 2

您可以使用重置按钮，请参阅此页面以获取更多信息 - ＆gt; LINK

但如果您在页面上有多个表单，则可以编写一个javascript函数来重置所有这些表单：

$('#yourResetButton').click(function(){
    $('form').each(function(idx, obj){ 
        obj.reset();
    });
});

您还可以按照其他答案中的说明刷新页面，但在我看来，如果您的用户看到该页面令人耳目一新可能会非常令人失望

以working fiddle为例

Answer 3

您可以使用reset进行重置，但是您无法重置未包含在表单中的输入，否则您可以清除表单中的输入，如：

$('form').each(function (index, obj) { obj.reset(); });

Example

Answer 4

<input type="button" onclick="function() {window.location.href = window.location.href;}" name="Reset" value="Reset">

是否可以从一个按钮重置页面？ HTML

4 个答案: