Contact form 7 select box different value-text than content-text in option [closed]

Does anyone know how I can set a different value in the select options in the Contact Form 7 plugin? Here is an example of the HTML I’d like it to generate:

    <option value="1">My car</option>
    <option value="2">Your car</option>


It looks like this is supported by Contact Form 7 natively, it’s just not very obvious on how to make it happen.

Here’s a documentation page explaining the functionality:

Basically, all you have to do is put the values like so:

"Visible Value|actual-form-value"

What comes before the pipe | character will be shown in the form, and what comes after will be the actual value filled in for the form.

Hope that helps!

Leave a Comment