Html 如何在提交表单时将查询字符串附加到URL？

好的，我在客户网站上有两个表单（网站是用wordpress构建的）

客户使用Mail Chimp进行电子邮件营销，并在Mail Chimp中设置了两个表单，用于捕获用户数据并向他们订阅两个不同的列表

我在网站上有两个部分，都是这些表格的迷你版——他在mail chimp中制作的表格要大得多，需要分配更多的细节。我在网站上看到的只有姓名、电话、电子邮件

我在mail chimps博客上读到一篇文章，其中谈到如何在页面加载时通过在url末尾添加相关查询来自动填充表单上的某些字段，例如http:/formAddress&MERGE1=Jack——这将在表单的“First Name”框中预先填充名称Jack

（/））

如何将这些查询字符串添加到URL的末尾，以便在大型邮件chimp表单的站点上的mini表单中为3个字段添加前缀

任何人知道的任何替代解决方案都将非常感激

---

亲切问候，

您将获得迷你表单三个字段，并将它们作为隐藏字段推送到其他表单。然后在使用提交时，隐藏字段也是表单的一部分，并将添加到URL。

如果我理解正确，表单应该可以做到这一点：

<form action="http://echo.iambroken.com/" method="get">
    <input name="one">
    <input name="two">
    <input type="submit">
</form>

---

您可以使用简单的追加查询将隐藏变量追加到表单中 在这里，您可以在JavaScript中执行以下操作

Var hiddenVar="<input type="hidden" name="q" value="123">"
$('form').append(hiddenVar)

Var hiddenVar=“”
$（'form'）.append（hiddenVar）

---

您可以在操作中获取此值请求参数。

使用JQuery，您可以在加载表单时修改操作属性。在下面的示例中，我只过滤掉需要随表单提交的QueryString参数，并将其应用于操作

$(function(){
    var urlParams = new URLSearchParams(location.search);
    var id = urlParams.get('id');
    var codeid = urlParams.get('codeid');
    var params = "?id=" + id + "&codeid=" + codeid;
    $("form").attr("action", location.pathname + params);
});

---

你能再详细一点吗？我并不是一个专家——与其说我是一个网页设计师，不如说我是一个平面设计师，所以如果你能给我一些建议，我将不胜感激。谢谢：）您可以使用javascript获取小表单值并将其推送到主表单，然后在主表单中从小表单到隐藏字段获取值。如果你能分享你的表格来拉小提琴，我们会尝试去，例如。非常感谢！稍后我会试一试。为你的帮助干杯。

$(function(){
    var urlParams = new URLSearchParams(location.search);
    var id = urlParams.get('id');
    var codeid = urlParams.get('codeid');
    var params = "?id=" + id + "&codeid=" + codeid;
    $("form").attr("action", location.pathname + params);
});