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

Question

所以我一直在寻找很多不同的方式来回答表单时收到感谢信息，并意识到有很多方法。

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

我希望它在HeforShe 网站上看起来像。

Answer 1

您只需要在提交表单后设置该值。 您可以使用onsubmit事件来连接表单提交。

 <form onsubmit="sayThanks()">

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