document.getElementById onclick也可以触发函数2/form 2

Question

有人能告诉我在哪里编码错误吗。。

一旦用户通过onclick提交了我的Id为"fwrdform"的表单，我需要触发我的"注销表单"的附加功能，这样用户也可以注销网站。。

<script>
document.getElementById('fwrdform').onclick = function() {
document.getElementById('logout-form').submit();
};
</script>

它似乎不起作用，我也不明白为什么。。

谢谢大家！

我使用的完整编码是：

<a align="right" class="nav-link" href="http://EXAMPLE.COM/logout"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
<font color="#FFFFFF" style="font-size: 14px !important;">Logout</font>
</a>
<form id="logout-form" action="http://EXAMPLE.COM/logout" method="POST" style="display: none;">
</form>

////////////////////////////////////////////////

<form id="fwrdform" class="d-flex justify-content-left" method="post" action="http://EXAMPLE.COM/addtocart">
<input type="hidden" value="1" name="quantity" aria-label="Search" class="form-control" style="width: 65px">
<input type="hidden" name="product_id" value="{{$product->id}}">
<input type="hidden" width="100" height="40" value="submit" src="submit.png" alt="Submit">

<a href="http://EXAMPLE.COM/checkout" target="_blank" value="submit"><img border="0" src="http//EXAMPLE.COM/submit.png" width="100" height="auto">
</a>

目标是在"fwrdform"表单提交上，它将变量发送到不同url的新页面上的发票，并触发作为父页面的当前页面的"注销表单"。

Answer 1

我认为唯一可以做到这一点的方法是：

1. 转到fwrdform发布到的服务器端代码
2. 在文件底部，添加一行代码，将页面重定向到logout表单所在的位置

下面是一个PHP示例：

echo "<script> window.location.href = 'logout.php'; </script>";

这里有一种NodeJS方式：

document.write("<script> window.location.href = 'logout.php'; </script>");

然后在logout表单中添加另一行代码，与上面的代码相同，只是它重定向回HTML页面(index.html？(。

希望这对你有所帮助！