Contact form Wordpress:在jQuery按钮上，单击联系人表单7菜单中的预选选项

我有一个Wordpress站点，其中有一个包含许多项目的页面。当用户点击他想要的项目时，页面将打开。在此页面中有一个按钮联系人。我想实现的是，当用户点击联系人按钮时，打开下一页的表单，并根据此项目页面上的电子邮件预先选择选择菜单。有人能帮我吗

以下是单篇文章页面的一些部分，其中是用于单击转到表单页面的按钮：

<button class="btn">
 <span>Contact</span>
</button>

本页包含大量信息，其中还提到了本页特定项目的电子邮件地址：

<p class="email">Email: <a href="mailto:<?php the_field('contact_email'); ?>">
 <?php the_field('contact_email'); ?>
</a></p>

这是我的联系方式7代码：

<div class="contact-form">
<div class="form-group">
  [text* your-name class:form-control placeholder "Name"] 
</div>
<div class="form-group">
  [text* your-name class:form-control placeholder "Company"] 
</div>
<div class="form-group">
  [email* your-email class:form-control placeholder "Email"] 
</div>
<div class="form-group">
  [select* menu-105 class:form-control "Office 1|email1@example.com" "Office 2|email2@example.com" "Office 3|email3@example.com" "Office 4|email4@example.com"]
</div>
<div class="form-group">
  [text your-subject class:form-control placeholder "Subject"] 
</div>
<div class="form-group">
  [textarea your-message x3 class:form-control placeholder "Message"] 
</div>
<div class="form-group form-check">
 [acceptance acceptance-955 optional] By ticking this box you agree to this information here in <a href="https://www.google.com" target="_blank">privacy policy</a>.[/acceptance]
</div>
<div class="btn-container-right">
<div class="btn-wrapper">
  [submit "Send" class:btn-sm]
</div>
</div>
</div>

---

我想实现的是，当用户点击联系人按钮时，打开下一页的表单，并根据此项目页面上的电子邮件预先选择选择菜单。有人能帮我吗

好的。。。因此，首先，您需要从按钮向联系人表单传递URL参数

因此，您更新的链接是，将空间URL编码为%20

yourdomain.com/contact form/？email=office%201

然后将这个脚本添加到你的theme.js文件或任何你可以的地方

jQuery(document).ready(function($){
    $.urlParam = function (name) {
        var results = new RegExp('[\?&]' + name + '=([^&#]*)')
                          .exec(window.location.search);

        return (results !== null) ? results[1] || 0 : false;
    }
    // Since above function returns false if blank, check if email $_GET param is entered
    if ( false !== $.urlParam('email')){
        $('select[name="your-email"]').val(decodeURIComponent($.urlParam('email')))
            .change(); // set select name to the name of your form field in CF7
    }
});

只有在使用URL编码的参数时，DecodeUri组件才有效。。。这是因为您选择的办公室1、办公室2中有一个空间

---

将[name=]设置为您的CF7字段的名称。

您可以使用jQuery进行此操作。如果你发布一些代码。。。你可以得到一些帮助。@HowardE谢谢！我会尽快的@霍华德我补充了细节。我希望这就足够了。你想要达到什么目标还有些不清楚。第一个区块中的按钮是指向另一个页面的链接，第二个区块中的电子邮件地址是要发送到的电子邮件？您想让它成为CF7表单的收件人吗？@HowardE联系人按钮位于同一页面上，该页面上显示了有关该项目的所有信息以及电子邮件地址，只是在文本中作为链接提到。但是，当用户决定按下联系人按钮时，他将进入联系人页面，其中是带有这些字段的表单，也有一个带有选择菜单的表单，在这个选择菜单中，我希望根据说明中的上一页信息电子邮件预选电子邮件地址。这会让你更容易理解吗？非常感谢你的努力！我将此添加到我的代码中-当进入联系人页面时，它显示选择字段而不显示任何内容，并且只能从下拉列表中选择值。这是我的代码：在js中更改了这一行：$'select[name=menu-105]'这是什么原因？可能是因为我需要预选选项值而不是电子邮件地址？_字段“contact_email”返回什么？电子邮件地址？？可能是因为我需要预先选择选项值而不是电子邮件地址？对只要您在URL参数中传递select的值，我的代码就可以工作。是的，工作起来很有魅力！我会设法让它以某种方式工作，以显示在选择选项值，而不是电子邮件。谢谢！你帮了我很多