[Plugin: Contact Form 7] This is how to show/hide fields with jQuery

Great solution, thank you! – worked for me!

thanks for this help. i created a form using your files. Here is another issue.

hi anyone can help

see my page http://eappraisalvaluation.com/sample.html. how can i inline the radio buttons. I tried to put

span.wpcf7-checkbox span.wpcf7-list-item { display: block; }
span.wpcf7-radio span.wpcf7-list-item { display: inline; }

in styles.css of the plugin style sheet and nothing helped

@vajrasar Goswami let me try. i will surely let u know

ok thank you very much

I am not sure about the radio button but to send to a different person based on a drop down just create the normal drop down in the form editor. When you go to add your options just do this:

Someone | someone@someemail.com
Someoneelse | someoneelse@someemail.com

This will send your emails out based on the option selected.

This answer is in regards to having issues with hiding and showing required fields. For example if you are trying to hide a text box that is required as part of the form, and only show it when a certain value is selected from a dropdown, you are going to have trouble with submitting the form when the text box is still hidden since the user cannot enter in a value.

The solution I came up with was to use Jquery to alter the value attribute of the text box. It’s an ugly hack, but was the most simple solution I could come up with in short time.

My JQuery code:

[ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

<script type="text/javascript">
			$(document).ready(function(){
				$('.hide').hide();
				$('.hide input').val('n/a'); //give the text box a value when it is hidden so it passes the required field validation.
					//Show the text field only when the third option is chosen - this doesn't
					$('.dropdown').change(function() {
						if ($(this).val() == "Other") {
							$(this).parent().parent().next('p').find('input').val(''); //give an empty string as its value before sliding it down so it will not pass the required field validation.
							$(this).parent().parent().next('p').slideDown('fast');
					}
						else {
							$(this).parent().parent().next('p').slideUp('fast');
							$(this).parent().parent().next('p').find('input').val('n/a'); //give back its value so it passes validation
					}
					});
			});
		</script>

As for the conditional fields in the email text itself, I have not looked into this thus far. If I end up doing so and find a solution I will make a post about it.

Hai
anyone can help
is there any option for connecting the the contact form 7 to other database,

my requirement is to retreive value from the database to the dropdown menu..

is this possible??