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

时间:2018-12-08 16:42:13

标签: javascript php html css

任何人都可以告诉我我在哪里编写此错误代码。

一旦用户通过onclick提交了具有“ fwrdform” ID的表单,我就需要触发“注销表单”的其他功能,以便用户也可以从该站点注销。 / p>

<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,并且还会触发作为父页面的当前页面的“注销表单”。

1 个答案:

答案 0 :(得分: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?)。

希望这对您有所帮助!