innerHTML 替代或用 div 替换 onchange 事件

Question

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

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

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

我所做的是，我像这样使用了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 包含用于选择国家、城市、州的所有代码，这些代码在同一页面中重复两次。

所以我的想法是，我可以做这样的事情吗？

当用户第二次更改密码时，表单需要重新设置。

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

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

请帮帮我。

Answer 1

您的resetpin 函数需要遍历表单的输入元素来重置它们的值（大概除了引脚）。