我有一个 HTML
表格只有一个action=""
属性。
不过我希望有两个不同的target=""
属性,具体取决于您单击哪个按钮来提交表单。这可能是一些奇特的 JavaScript 代码,但我不知道从哪里开始。
我如何创建两个按钮,每个按钮提交相同的表单,但每个按钮为表单提供不同的目标?
2015 年更新:
这个问题和答案来自很多年前,当时“想要避免依赖 Javascript”比今天更重要。今天我不会考虑为这样的事情编写额外的服务器端功能。事实上,我认为在大多数情况下,我需要将表单数据提交到多个目标,我可能会做一些合理的事情,证明在 Javascript 中执行大量逻辑客户端并使用 XMLHttpRequest (或者实际上,改为获取 API)。
2023 年更新:
我肯定会在前端 Javascript 代码中编写大量逻辑,并且这些天会使用 Fetch API。
原答案如下:
我在服务器端执行此操作。
也就是说,表单始终提交到相同的目标,但我有一个服务器端脚本,负责根据按下的按钮重定向到适当的位置。
如果您有多个按钮,例如
<form action="mypage" method="get">
<input type="submit" name="retry" value="Retry" />
<input type="submit" name="abort" value="Abort" />
</form>
注意:我使用了 GET,但它也适用于 POST
然后您可以轻松确定按下了哪个按钮 - 如果变量retry
存在并且有一个值,然后重试被按下,如果变量abort
存在并且有一个值,然后按下中止。然后可以使用这些知识重定向到适当的位置。
该方法不需要Javascript。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)