Javascript innerHTML替换或用div替换onchange事件

我遇到了一个问题，我需要你们的帮助

我有一个html表单。它将国家、州、城市和pin码（手动输入）发送到一个php文件，以便在ajax的帮助下进行处理。一旦提交，它将返回文本框中的pin码值

我想要的是，每当用户第二次更改pin码的值时，表单都需要重置

我所做的是，我像这样使用innerHTML：

<form id="someid" method="post">
<input type="text" value="'.$_POST['pin-code'].'" onChange="resetpin();" />

function resetpin() {
document.getElementById('someid').innerHTML = Full HTML CODE FROM ABOVE FORM GOES HERE

由于.innerHTML包含选择国家、城市和州的所有代码，这些代码在同一页面中重复了两次，因此该代码变得很难看

所以我想的是，我能做这样的事情吗

当用户第二次更改pin时，表单需要像这样重置

onchange=showdiv("ID of the form and contents to be displayed")

我可以这样做，使我不需要使用innerHTML

---

请帮助我。

您的

resetpin

函数需要通过表单的输入元素循环重置它们的值（pin除外）。

为什么不使用

form.reset（）

？如

document.getElementById（'someid'）.reset（）中所示。甚至
onchange=“this.form.reset（）”
也可以工作。