首页 > 解决方案 > 将值从表单传递到另一个表单

问题描述

我正在寻找一种将值从联系表单传递到下一个联系表单的解决方案。我认为一个好方法是向您展示一个示例:https ://www.zonnepanelen-weetjes.nl/当您输入邮政编码(例如:2012 ES)时,它会将其余信息传递给下一个页面https://www.zonnepanelen-weetjes.nl/offerte-formulier/?postalcode=2012+ES

我的想法是拥有类似的东西,但使用 Google 的 Place Autocomplete Address。https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform 我知道如何在我的 Wordpress 插件(联系表 7)中实现此功能

我想要的是在第一个表单上,您可以使用 Google 自动完成输入完整地址。然后进入下一个表单,它将信息传递到他们单独的字段中。如上面来自谷歌的链接所示。

我希望有人可以在这里为我指明正确的方向。我有一些 PHP 的基本知识,也许可以更改插件的一些代码以使其工作。

提前感谢,我希望我能很好地解释自己,因为我不知道如何描述这个功能。

问候,马克


--编辑--
解决方案

当我浏览互联网时,我找到了自己的解决方案。我将在此处编写解决方案以供将来参考,以便其他人可以阅读。

您将需要安装这 2 个插件: https://wordpress.org/plugins/wpcf7-redirect/
https://wordpress.org/plugins/contact-form-7-dynamic-text-extension/

例如,在表格 1 中,您可以添加

<label> Your Name (required)
    [text* your-name] </label>

表单 1中,转到重定向设置并选择一个页面以在成功提交表单时重定向到。

然后选择其中一项:
将表单中的所有字段作为 URL 查询参数
传递 将表单中的特定字段作为 URL 查询参数传递

我选择了第一个,但它会发送所有参数,另一个允许您选择特定字段,但出于此演示目的,我传递了所有字段。

现在在表格 2中这样做:

<label> Your Name (required)
    [dynamictext* your-name "CF7_GET key='your-name'"] </label>

就是这样,它现在应该可以工作了,你可以互相传递字段。

标签: phpwordpresscontact-formcontact-form-7

解决方案


你可以通过简单的js来做到这一点。使用此代码。

<script type="text/javascript">
window.onload = function() {
  $('#Id1').change(function() {
  $('#Id2').val($(this).val());
 });
  }
</script>

Id1-将此ID提供给这样的联系表单字段。 [email* your-email id:Id1"]

Id2 - 将此 id 提供给您想要显示此值的其他字段。[email* your-email id:Id2"]

将此 js 添加到您的页脚中。我认为它对你有用,试试这个,让我知道。


推荐阅读