WebSite X5Help Center

 
Ionescu C.
Ionescu C.
User

Contact Form Option Available Depending on Selection  en

Author: Ionescu C.
Visited 901, Followers 1, Shared 0  

Hello, 

Guys do you know or have any idea of a script (I presume) that I can use in a Contact Form that will help me display /or not fileds depending on the option selected.

More exactly I wold like to show a filed only if the previos field has the value B, if the value is A, then the next field will not be shown.

This is the contact form:

If the user selects at the Servicii Field:

Than show this field:

If the user selects any other value from Servicii, than don't show the field:
Intervalele orare pentru care optez

LINK

Any ideas?

Regards, 

Cristi

Posted on the
4 ANSWERS - 1 CORRECT
Axel  
Axel  
User

Hello Cristi,

Something like that ?

Enjoy!
Axel

Read more
Posted on the from Axel  
Ionescu C.
Ionescu C.
User
Author

Hello, 

Yes, exactly.

Regards, 

Cristi

Read more
Posted on the from Ionescu C.
Axel  
Axel  
User

Hello Cristi,

You need to find the selector of your list one and list two with a Chrome Inspect like:

For list Two, take care to find the list and his title to hide them

second list selector is:

In our case the selector is: div#imObjectForm_5_4_container

Selector for the first list is:

In our case the selector is: imObjectForm_5_3

How now we need to hide the seccnd list with this CSS code here into your page properties where the form is configured.

And to add this Jquery code also into the properties of you page to display/hide the second list regarding the choice of the first one.

Enjoy!
Axel

Read more
Posted on the from Axel  
Ionescu C.
Ionescu C.
User
Author

Hello, 

Thank you very much.

It worked!

Have a good day!

Cristi

Read more
Posted on the from Ionescu C.