javascript - 重置特定表格中的值，这些值是在单击重置按钮时编辑的

Question

在 HTML 页面上，我有 3 个部分和 3 个表格。每个 table 都有自己的 Reset 按钮，该按钮应该只重置它需要的部分。不幸的是，我对所有三个表格都使用了相同的表格，如果创建 3 个单独的表格，则需要进行很多更改。

有没有办法以这种方式只重置页面的特定部分？

Answer 1

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

Example fiddle here