javascript - 在一个 <input> 标签中使用 javascript 和 PHP？

Question

我觉得我已经四处寻找这个问题的答案，但大多数回答都很老套:涉及通过 AJAX、重定向和其他动态修改 DOM 的方式弹出的 javascript。

我想要做的是在用户提交文档 (javascript) 并通过邮件 (php) 提交消息时使提交按钮消失。我的代码如下:

<form action="" method="post">
...
<input onclick="removeElements()" id="subButton" class="submit" name="submit" type="submit" value="submit">

php 邮件功能在同一个文档中。

这是 removeElements() 函数:

var el = document.getElementById("subButton");
el.remove();
document.getElementById("thankYouMessage").setAttribute("style", "display:block");

提交函数在没有 javascript 调用的情况下工作，但是当我添加 onclick="removeElements()" 部分时，javascript 部分开始工作，但不再执行 php。

我知道还有其他方法可以做到这一点，但在这种情况下，我实际上很好奇为什么它没有按我的计划运行。通过删除提交按钮，我是否实际上在执行过程中(或执行前)杀死了子 PHP 进程？

谢谢!

Answer 1

如果您添加 onclick，您将不得不手动触发提交。

另一种选择是在表单标签的 onsubmit="removeElements()" 中添加您的 javascript 调用代码。这样，它会在执行提交后执行你的代码

相关question here