title: Wordpress: On jQuery button click preselect option in Contact Form 7 menu
body: <p>I have a Wordpress site, where is a page with many items. When user clicks on item he wants, page will open. In this page there is a button "Contact". The thing I want to achieve is that when user hits the contact button, opens next page with the form and the select menu is preselected depending on the email on this item page. Can someone please help me with this? </p>
  
  <p>Here is some parts of single post page, where is the button for the click to go to the form page:</p>
  
  <pre><code>&lt;button class="btn"&gt;
   &lt;span&gt;Contact&lt;/span&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>This page has a lot of information where is also mentioned email address for this specific item of this page:</p>
  
  <pre><code>&lt;p class="email"&gt;Email: &lt;a href="mailto:&lt;?php the_field('contact_email'); ?&gt;"&gt;
   &lt;?php the_field('contact_email'); ?&gt;
  &lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Here is my Contact Form 7 code:</p>
  
  <pre><code>&lt;div class="contact-form"&gt;
  &lt;div class="form-group"&gt;
    [text* your-name class:form-control placeholder "Name"] 
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    [text* your-name class:form-control placeholder "Company"] 
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    [email* your-email class:form-control placeholder "Email"] 
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    [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"]
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    [text your-subject class:form-control placeholder "Subject"] 
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
    [textarea your-message x3 class:form-control placeholder "Message"] 
  &lt;/div&gt;
  &lt;div class="form-group form-check"&gt;
   [acceptance acceptance-955 optional] By ticking this box you agree to this information here in &lt;a href="https://www.google.com" target="_blank"&gt;privacy policy&lt;/a&gt;.[/acceptance]
  &lt;/div&gt;
  &lt;div class="btn-container-right"&gt;
  &lt;div class="btn-wrapper"&gt;
    [submit "Send" class:btn-sm]
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The thing I want to achieve is that when user hits the contact button, opens next page with the form and the select menu is preselected depending on the email on this item page. Can someone please help me with this? </p>