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

Question

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

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

表单需要以下字段：

1. 样式=下拉选择带图像的2种样式

2. ProductID =文字字段

3. ProductSKU =文字字段

Answer 1

@mplungjan在comments中建议解决了这个问题：

  

不需要JavaScript。将page2放入操作中，使用方法GET并添加名称为id，sku和style

的字段

Answer 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())
});