javascript - 链接按钮与 url 中的数据

Question

我想制作一个按钮链接到另一个页面。此外，我想在 url 中包含一些数据。onclick 方法有效，但我试图在没有 JavaScript 的情况下这样做。表单提交方法几乎可以工作，但不发送数据（id1 和 id2）。有什么建议么？最好使用 JavaScript 吗？谢谢

<input type="button" value="Clickable Button - onclick" onclick="window.location.href='http://www.google.com?id1=123&amp;id2=345'" />

<form action="http://www.google.com?id1=123&amp;id2=345"><input type="submit" value="Clickable Button - Submit" /></form>

Answer 1

您需要将一些hidden字段添加到您的<form>：

<form action="http://www.google.com">
    <input type="hidden" name="id1" value="123" />
    <input type="hidden" name="id2" value="345" />
    <input type="submit" value="Clickable Button - Submit" />
</form>

Answer 2

下面是一个非js的解决方案：

 <form method="get" action="http://www.google.com">
    <input type="hidden" name="id1" value="123" />
    <input type="hidden" name="id2" value="345" />
    <input type="submit" value="Clickable Button - Submit" />
 </form>

Answer 3

<form action="http://www.google.com">
<input type="submit" value="Clickable Button - Submit" />
<input type="hidden" name="id1" value="123" />
<input type="hidden" name="id2" value="345" />
</form>

不过，更好的选择是使用普通链接并在必要时使用 CSS 将其设置为按钮样式。链接想成为链接。