在 HTML 页面上，我有三个部分和 3 个表格。每个table 都有自己的Reset 按钮，它应该只重置它需要的部分。不幸的是，我对所有三个表单都使用了相同的表单，如果创建 3 个单独的表单，则需要进行很多更改。
有没有办法以这种方式仅重置页面的特定部分？
【问题讨论】：
标签： javascript html reset
form.reset() 是浏览器内置的，无法修改其行为。
另一种方法是用 javascript 编写自己的代码来重置每个表的字段，如下所示：
function resetInput1(e){
document.getElementById('input1').value = document.getElementById('input1').defaultValue;
}
function resetInput2(e){
document.getElementById('input2').value = document.getElementById('input2').defaultValue;
}
document.getElementById("btn1").addEventListener('click', resetInput1, true);
document.getElementById("btn2").addEventListener('click', resetInput2, true);
【讨论】：
在这里你可以编写一个 javascript 方法来重置你的部分中所有可用的元素，并在点击重置按钮时调用该函数，使用 form.reset 将重置整个表单。
否则，您可以在一个页面上有多个表单，并将您的重置按钮放在每个表单中并重置。
如果您使用的是 .net，则同一页面上不能有多个表单。为此，您将不得不禁用/隐藏其他表单。
// 在你对我的帖子发表评论之后
在这里你可以将默认值存储在隐藏字段中，这意味着我的每个元素都将有一个隐藏字段，默认值将存储在其中。
当用户更改文本框中的任何文本时，更改下拉列表中的索引，取消选中某些复选框等，然后点击重置按钮
您将调用一个 javascript 函数，它将隐藏字段中的值设置回相应的控件。这将节省您与服务器的往返行程，以便从数据库中获取默认详细信息。
否则您可以使用 ajax 方法将默认值重新绑定到 html 表单上的元素。 我在这里特别提到了 Ajax 方法，因为如果我们再次发回网页，它将重置您在其他部分中的所有值。
希望这是一个清晰的解释。
【讨论】：