单击第一个按钮后自动单击第二个按钮？答案

【问题标题】：Automatic Click on second button once first button is clicked?单击第一个按钮后自动单击第二个按钮？
【发布时间】：2023-03-22 02:21:01
【问题描述】：

你好 Stackoverflow 社区，

有什么方法可以在点击类型“按钮”后自动点击“提交”类型按钮？

例子：

使用：

-WordPress -Woocommerce -WHMCA（用于自定义表格） -HTML/Javascript

一旦客户点击我们的自定义“添加到购物车”按钮，我就会从后端检索产品，但我还需要客户正在购买的当前页面中的产品信息。因为它们是两种不同类型的按钮，所以认为最好的方法是在单击按钮 2 后自动触发按钮 2。请在这方面需要帮助:)

用户点击的按钮：

<button type="button" onclick="window.location.href='https://example.com/?add-to-cart=375'">Buton 1</button>

按钮1被点击后自动点击的按钮。

<form>
<button type="submit" name="add-to-cart" value="363" class="1">Button 2</button>
</form>

期待您的建议！

最好的问候，

贾索

附言如果有一种方法可以将两种类型都放在一个按钮中，那就可以了！谢谢！

【问题讨论】：

Jaso，看起来第一个按钮导航离开了这个页面。因此，鉴于您的代码，第二次按钮单击无论如何都不会产生任何影响。在这种情况下，您需要做的是使用按钮 1 的回调来执行您希望按钮 2 单击执行的任务。完成后，重定向到新页面。
您好兰迪，感谢您的回复。但是我使用了 onclick=window.location，现在页面没有重定向。单击按钮 1 后，它会在添加到购物车时刷新，但仍保留在同一页面上。但是关于回调，我是否能够从按钮 2 触发单击按钮 1，这是一个 type=submit？如果是这样，我该如何实现？最好的问候
"它只是刷新" - 表示它已重定向到同一页面。结果是一样的，您不能再在页面的第一个视图上执行代码，因为您现在正在查看第二个（刷新、重新加载、全新）视图。在回调中，您只需获取对按钮的引用并在其上调用.click()。
你好兰迪，你是对的。但这不适用于回调吗？因为 JS 重新加载新鲜而无法做到这一点？你有这方面的例子吗？最好的问候
问题是重定向和表单提交都希望将新页面加载到浏览器中。那么谁赢了呢？解决方案听起来应该是 1) button1 在表单上触发提交 2) 服务器处理表单 3) 服务器在处理表单中的数据后发回相同的页面。

【解决方案1】：

一个按钮内的两种类型我可以想到将两个值（375 和 363）附加到第一个按钮，如下所示：

<button type="button" onclick="window.location.href='https://example.com/?add-to-cart1=375&add-to-cart2=363'">Buton 1</button>

【讨论】：

你好 lafleur，我理解你的逻辑。但即使组合有效，也不适用于我正在寻找的东西，因为这会从后端添加两个项目。但我希望从 [实际页面] 提交表单并将产品 ID 项目从后端推送到购物车。感谢您的回答，最好的问候！