[How to] Conditionally Display Additional Form Fields Based On Dropdown Selection

Awesome! I’ll check it out and let you know. While I have you, do you have any tips for hiding a box based on the time of day? Like if I have a floating phone number click to call box, but my call center closes at a certain time, it would be nice to hide that box after 6pm MST for example.

Hi Amy!

I do have some code that can help you hide any element on your landing page between two hours.

Simply paste this code in the javascripts section of your page selecting ‘Head’ as the placement:

<script>
$(document).ready(function(){
    
   //Add the start and end time using the format hh:mm (24 hour format) Time is in UTC. 
	var startTime = '13:00';
	var endTime = '21:00';

	var curr_time = getval();

	if (curr_time > startTime && curr_time < endTime) {
    }else{
   
   //Change #lp-pom-box-15 for the ID of the element you want to hide.    
  		$('#lp-pom-box-15').hide();
    }
  
	function getval() {
    	var currentTime = new Date()
    	var hours = currentTime.getUTCHours()
    	var minutes = currentTime.getUTCMinutes()
    	if (minutes < 10) minutes = "0" + minutes;
    	var current_time = hours + ":" + minutes;
    	return current_time;
	}  
});
</script>

Now, change the ‘startTime’ and the ‘endTime’. This is the period of time the element will be visible on the page. Keep in mind this times are in UTC, to make sure it’s the same time all around the world. There are many resources on line to help you find your UTC time, here’s one of them.

Don’t forget to change #lp-pom-box-15 for the ID of your own box or element, save and republish.

That’s it! Please give it a try and feel free to reach out if you have any other questions. Keep in mind we are not always able to support this type of unofficial workarounds, but we are always happy to take a look and at least try to point you in the right direction 🙂

Have a great day, Amy!

Thank you both so much, this is awesome! If it ever makes it into a feature it would be good to have the flexibility to combine day of week. So hide it monday for these hours, tuesday for those hours, etc.

I’ve implemented the github code on this page, http://test.pretrm.com/pretrm-test-guide/, the idea is to take people who answer ‘21 weeks or over’ for field ID im_pregnant to pretrm.com as a test but it’s not working. It still sends people to the default URL from the click action on the form?

Hey @JamesNhappy to take a look for you, could you share the URL of your page? To be honest the Dynamic Form Confirmation workaround I posted a while back isn’t my favourite (I find it to be overly complex and there are a lot of pitfalls when implementing it). This little script from Noah is a much nicer way of doing it in my opinion: https://gist.github.com/noahub/ee4fd2a1eb8b3096cf29952548ebedab

Let me know on that URL though and I’ll take a look for ya 🙂

Hello @Rob,

I was able to get the Country/Province script to work by itself but if I wanted to add another field option like an additional dropdown for Australia State/Territory, how do I make it work? I have tried adding a conField3 to cover this option and now none of options are working.

Thank you.

Hey @AlanJ the state/province version is meant to work specifically with the default state province fields for a form. You could try using the original version of the script here: https://gist.github.com/RobertCam/0be9efb09a091e1880ffeb5edadf2d1a

Happy to take a closer look for you if you share the URL for the page 🙂

Hey @Rob. Yes that’s fine if you publish it. Just a note, in the preview mode I can only get a page redirect if I don’t click on any of the other fields. As soon as I click on a field other than the drop down (regardless of whether I type something in or not) the page no longer redirects.

Awesome! Thanks for looking at this for me. I’ll make sure to keep that in mind next time I’m having an issue with preview mode!

Hi @Sharon_Schanzer happy to take a look for you. Could you share the URL of the page? Are you just trying to use the state/province fields in conjunction with the country dropdown when the USA or Canada are selected?

just had a look and I can see you are using the default version of the script. I’ve actually created a version specific to your use case, which is linked below the main script at the beginning of the post. I created a new variant for the page and implemented the state/province version of the script for you. I titled the variant “state - province working version” for you (variant F).

Hope this helps!!

Ah I see, sorry about that. I just took another look and made some minor adjustments for you so the script only show/hides the one field. I saved the changes in the G variant so you can have a look in Preview mode. The state province field will show if either Canada or the USA is selected 🙂