【问题标题】:Passing values from form to another form将值从表单传递到另一个表单
【发布时间】:2019-03-22 16:35:04
【问题描述】:

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

我的想法是有类似的东西,但使用来自 Google 的地方自动完成地址。 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>

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

【问题讨论】:

    标签: php wordpress contact-form contact-form-7


    【解决方案1】:

    你可以通过简单的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 添加到您的页脚中。我认为它对你有用,试试这个,让我知道。

    【讨论】:

    • 嗯尝试了您的解决方案,但对我不起作用。也许我做错了什么。我在联系表格 7 中创建了两个表格,一个带有 [email* your-email id:Id1] 和另一个表格 [email* your-email id:Id2] 然后我将带有 Id1 的第一个表格重定向到带有 Id2 的下一页但注意到发生了。但是,我确实可以将表单中的所有字段作为 URL 查询参数传递。也许我可以用它做点什么?
    • 将此js添加到页脚并检查您的控制台。
    • 我将你的 js 添加到页脚并在控制台中检查没有错误,但它仍然无法正常工作。
    • 找到了我自己的解决方案,更新了我原来的帖子以展示我是如何做到的。感谢@Harsh Khare 的帮助
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-09
    • 1970-01-01
    • 2016-12-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多