@Rob this is hot fire!!! 🔥

This. Is. Awesome! Love this basic form logic functionality, @Rob. 🙂

Oh man sooooo nice … sooooo useful!!! LOVE IT. 😍

It’s possible to use it for more than 2 option?

Ok done with 4 options

Looks like you got this figured out already @Daniele_Madia_Privat 🙂

For anyone else reading this, you can easily use this multiple times by copy/pasting the javascript and changing the ID to match the new dropdown and the submit button.

I’m trying with no sucess to integrate conditional display with Dynamic Form Confirmation URL’s Using Browser Redirects. For example my goal is a form with “select state/country” -> after selection appear the form with all city of selected country -> selection city with redirect to a specific url.com/city. Anyone have an idea how to do that?

@Daniele_Madia_Privat Feel free to direct message me and include the page URL and I can take a look for you 🙂

If anyone is interested, thanks to @Daniele_Madia_Privat’s question, I’ve adapted the script to work with more than 2 fields. Shoot me a message if you’d like to conditionally display more than two fields with the script.

You’re a ⭐ Rob!

Rob, you da real MVP.

We push to the limit! Thanks for support @Rob !

Just tried out this script today, really nice work! I too would be interested in having more than two fields if possible

Thanks @stefanei! How many fields do you need this to work with? It’s for sure possible but requires a bit of reworking the script how it’s currently written. I’m working on making it more dynamic, but I can help you out with this one in the meantime.

Thank you! If the script could work with 5 fields at this point that would be great!

This is great! Is it possible to have only the next field display (or not), but then have fields afterward that always display or does this only work when the fields are at the end of the form? I’m not much of a coder so any guidance or tips would be so appreciated! 🙂

Thanks for requesting this @stefanei! I put together a version of the script that will allow you to choose the number of fields to reveal. Change the number after “var count =” to the number of fields you need to conditionally hide. It ill work the same way in that it will apply to the fields immediately following the dropdown.

You can grab the updated script here - https://gist.github.com/RobertCam/0be9efb09a091e1880ffeb5edadf2d1a

The number for the space variable will slightly adjust the spacing of the visible fields after the dropdown (if there are any). I’ve defaulted it all to work with 5 fields. But if you change the number you may need to play around with the space variable a bit to get it perfectly placed.

@ltaylor You can definitely have fields that are always visible after the conditionally displayed field. Here’s an example: http://unbouncepages.com/conditional-dropdown-multiple-fields/

🙂

Awesome got it working now, thanks so much for the help! @Rob

My pleasure 🙂

I’ve managed to add additional drop-down fields onto my landing page. However I’ve come across a bit of an obstacle. Your code allows there to be two different additional fields depending on the primary selection. I’m trying to make it work so that it allows nine different additional fields.

Testing this it seems to have worked (sort of). If my primary selection is number 3 or higher - the additional field that appears is positioned further down the page that it should be.

Is there any way you could help in fixing the code so that the position of any additional fields sits directly under the primary field (which happens with selection 1 or 2)?

Here is my preview page: https://app.unbounce.com/1189183/pages/06d025f0-3e4d-4af1-9718-d2d5380166bf/preview?variant_id=131744512#desktop

Thanks in advance!

Rajen

Hi @Rajen it’s true, I wrote the original script to only work with 2 fields. I’ve since updated it though to give you more flexibility to make it work with as many fields as you need it to. You can grab it here - https://gist.github.com/RobertCam/0be9efb09a091e1880ffeb5edadf2d1a

I’ve updated the post to with instructions on implementing the new script. I haven’t tested it with nine fields but I don’t see any reason why it wouldn’t work. You’ll need to adjust the space variable a bit I’d imagine but that should be as hard as it gets.

Let me know how it goes!

Just a heads up for anyone using the multiple fields version of this script. I’ve just updated the code in GitHub to fix a small bug pointed out by @jxtgroup where the code wasn’t accounting for fields added before the conditional field and causing some display issues.

If you’re using the script and having issues (or gave up on using the script) that’s probably why. You can find the updated version with the fix in the post above or here: https://gist.github.com/RobertCam/0be9efb09a091e1880ffeb5edadf2d1a

If you don’t feel like re-adding the entire script you can change the .siblings() in lines 21 and 22 to be .nextAll() instead and that will fix the issue.

Happy converting!

Is there any chance this same code base could be used to redirect someone to a thank you page based on how they answered a question from a dropdown list?

Hi @Amy_Sera, you could potentially adapt this code for that purpose for sure. It would take a bit of customization. This older workaround from @noah does exactly what you need as well, so you could always just include both pieces of code on the page. https://gist.github.com/noahub/ee4fd2a1eb8b3096cf29952548ebedab

Let me know if there is anything I can do to help!

So what if you wanted nested hidden fields. So I’m basically just showing one field at a time? The idea would be that rather than shoving a form at them, we ask a series of softball questions to get them engaged, and once they’ve answered 3 questions we show them the full lead form?