更改表单内容以感谢您的消息

Question

因此，在回答表单时，我一直在寻找许多不同的方式来获得感谢信息，并意识到有很多方法。

但是，我只想在单击提交按钮并提交表单后，将div框（表单所在的位置）中的内容更改为感谢消息，而不刷新页面或重定向到另一个页面。 换句话说，表单消失，而是显示Thank You消息。我该怎么做？

我希望它看起来像HeforShe website。

Answer 1

您只需在提交表单后设置值即可。 您可以使用 onsubmit 事件在表单提交中进行连接。

<form onsubmit="sayThanks()">

function sayThanks() {
  document.getElementById("thankYouMessageDiv").innerHTML = "Your message";
}