单击提交表单链接，包括表单参数字段答案

【问题标题】：On click Submit form link including form parameter fields单击提交表单链接，包括表单参数字段
【发布时间】：2019-04-17 14:08:36
【问题描述】：

我有一个纯 html 页面，我需要在该页面上添加一个表单，当您单击“提交”时，它将重定向到另一个页面 (page 2)，该页面也将包含表单输入。

例如：www.abcd.com/page2/?id=1234&sku=1&style=1 将是目标页面。

表单需要这些字段：

样式 = 下拉选择 2 种带有图片的样式
ProductID = 文本字段
ProductSKU = 文本字段

【问题讨论】：

欢迎分享代码。到目前为止你尝试过什么？
在表单标签中使用method="GET"
不需要 JavaScript。将 page2 放入操作中，使用方法 GET 并添加名称为 id、sku 和 style 的字段
@mplungjan 是的，谢谢你是正确的.. 我在想这个问题。

标签： javascript php html css forms

【解决方案1】：

这已按照@mplungjan 在comments 中的建议解决：

不需要 JavaScript。将 page2 放入 action，使用方法 GET 并添加名称为 id、sku 和 style 的字段

【讨论】：

【解决方案2】：

您可以为此使用 JQuery。

例如：当您提交表单时，您可以使用以下方法重定向您的页面

$("#form").submit(function(e) {
  e.preventDefault(); // cancel submission
  window.location.href = "https://www.abcd.com/page2/?id="+encodeURIComponent($("#id").val())+
  "&sku="+encodeURIComponent($("#sku").val())+
  "&style="+encodeURIComponent($("#style").val())
});

【讨论】：

1.不需要任何 JS，更不用说 jQuery。 2. 需要取消提交事件，否则会产生冲突。 3. 你没有得到任何值——你只是在代码中将 form.id.value 作为字符串发送，直到我修复它。 4.请访问stackoverflow.com/editing-help