Select and Multi-Select Field for Contact Form 7

This plugin uses Select2 , a jQuery plugin which replaces traditional select boxes with a customizable one with a capability for a search on the contact form 7.
This plugin generates both single select and multi-select field and allows us to add placeholder, specify width and add required input validation.

Required Plugin

Contact Form 7 by Takayuki Miyoshi is required for this plugin to work.

Credits

Select2
Contact Form 7

Automatic Installation

1. First Install Contact Form 7 if not installed (Required).
2. On the left side menu select Plugins > Add New
3. In Search Plugins field enter “Select and Multi-Select CF7” and search
4. Press “Install Now” button
5. Done and Enjoy.

Manual Installation

1. Download the archived zip file from WordPress Repository.
2. Upload the plugin on wp-content/plugins directory.
3. On the WordPress Admin Dashboard Navigate to Plugin > Installed Plugins.
4. Locate the plugin and activate it.
5. Done and Enjoy.

How to set Select and Multi-Select input width?

You can pass the input width when you generate the form input tag. Default is 400px.

How to set Select and Multi-Select Input Placeholder?

You can pass the input placeholder when you generate the form input tag (Default is –Please Select–).

How to Add Multiple Select Box

You can enable the multiple option when you generate the form input tag.

1. 

   screenshot-1.png

2. 

   screenshot-2.png

3. 

   screenshot-3.png

1.1

• Compatible with WordPress 5.3 and CF7 5.1.6
• Added Support for Languages for French, Chinese (Simplified) and Hindi
• Fixed minor bugs

1.0

Initial Release