WordPress | Contact Form 7 | Custom select from post list

cf7_custom-select.php

<?php 
// Custom contact form 7 retreat select
add_action( 'wpcf7_init', 'custom_retreat_select' );

function custom_retreat_select() {
    wpcf7_add_form_tag( 'retreat_select', 'custom_retreat_handler', array( 'name-attr' => true ) );
}

function custom_retreat_handler( $tag ) {
    $atts = array();
    $atts['name'] = $tag->name;
    $atts['class'] = $tag->get_class_option();
    $atts['id'] = $tag->get_id_option();
    $atts = wpcf7_format_atts( $atts );
    $html = '<select ' . $atts . '>';
    $args = array(
      'post_type' => 'retreats',
      'posts_per_page' => -1,
    );
    $retreats = get_posts( $args );
    foreach ( $retreats as $retreat ):
        $retreat_id = $retreat->ID;
        $slug = $retreat->post_name;
        $title = get_the_title($retreat_id);
        $html .= '<option value="' . $slug . '">' . $title . '</option>';
    endforeach;
    $html .= '</select>';
    return $html;
}

Hey morgyface,

Just want to thank you very much because your solution helped me a lot to solve a problem of connection between TablePress and ContactForm7. Thanks to your example and to some string concatenation in php I was able to solve it, and now I am happy :-)
Regards,
Daniele

Hi. I am also working with TablePress and Contact form 7 on a website. I want to make a form with contact form 7 with about 3 different select options. The first select option is quite easy to create, but, I want to populate options for the second select option from whichever answer they select on the first dropdown option on the form and then the answer on the second dropdown select option will determine what will populate the third select option, could you be kind enough to help on how to achieve this?

Here is an illustration of what I am trying to say:

First Select Option:
Question: YOU ARE ON WHAT CONTINENT?
Option 1: ASIA
Option 2: AFRICA
Option 3: SOUTH AMERICA.....

Second Select Option:
Question: YOU ARE IN WHAT COUNTRY?
OPTIONS WILL BE POPULATED BASED ON CONTINENT THAT WAS SELECTED ABOVE; For example, I selected AFRICA above, then the select option for countries will be based on countries in Africa... e.g: Nigeria, Ghana... etc

Third Select Option:
Question: YOU RESIDE IN WHAT STATE?
OPTIONS WILL BE POPULATED BASED ON COUNTRY SELECTED IN SELECT OPTION 2 (It will list the states in the country selected)

Hey @hall

Hey morgyface,
Just want to thank you very much because your solution helped me a lot to solve a problem of connection between TablePress and ContactForm7. Thanks to your example and to some string concatenation in php I was able to solve it, and now I am happy :-)
Regards,
Daniele

Hi. I am also working with TablePress and Contact form 7 on a website. I want to make a form with contact form 7 with about 3 different select options. The first select option is quite easy to create, but, I want to populate options for the second select option from whichever answer they select on the first dropdown option on the form and then the answer on the second dropdown select option will determine what will populate the third select option, could you be kind enough to help on how to achieve this?

Here is an illustration of what I am trying to say:

First Select Option:
Question: YOU ARE ON WHAT CONTINENT?
Option 1: ASIA
Option 2: AFRICA
Option 3: SOUTH AMERICA.....

Second Select Option:
Question: YOU ARE IN WHAT COUNTRY?
OPTIONS WILL BE POPULATED BASED ON CONTINENT THAT WAS SELECTED ABOVE; For example, I selected AFRICA above, then the select option for countries will be based on countries in Africa... e.g: Nigeria, Ghana... etc

Third Select Option:
Question: YOU RESIDE IN WHAT STATE?
OPTIONS WILL BE POPULATED BASED ON COUNTRY SELECTED IN SELECT OPTION 2 (It will list the states in the country selected)

Hey there, it sounds to me like you need to be using JavaScript for this. Have a look at something like this: https://stackoverflow.com/questions/30232146/dynamically-populating-drop-down-list-from-selection-of-another-drop-down-value
👍🏼

@morgyface

Hey there, it sounds to me like you need to be using JavaScript for this. Have a look at something like this: https://stackoverflow.com/questions/30232146/dynamically-populating-drop-down-list-from-selection-of-another-drop-down-value
👍🏼

Thank you so much, I got a fix that works perfectly here: https://bdwm.be/how-to-create-dynamically-populated-cascading-dropdown-lists-for-contact-form-7/

I will however suggest, for future reference to anyone, to check the comments, there were some mistakes in the code that were corrected in the comment session.

Again, thanks for your help and the timely response.