Conditional Drop-down Menu for Form

Hey edang

This is possible but it may require a bit of conditional code depending on how many fields you are showing/hiding. There also may be some visual side effects.

One being that the other elements/fields on the page do not re-adjust or re-align when an element is hidden. This is because elements on your pages are not relatively positioned, but are positioned with exact coordinates.

I don’t have a plug and play script for you, but if you want to try whipping something up yourself, here’s a script to guide you in the right direction.

<script>
  $("#country").live('change', function() {

  switch ($(this).val()) {

    case 'United States':
      	// Add code here to show and hide fields
        break;
    case 'Canada':
     	// Add code here to show and hide fields
        break;
    default:
        // Add code here to hide all fields
  }

});

</script>

I’d suggest looking into jQuerys .hide and .show methods for actually hiding/showing the fields

http://api.jquery.com/hide/
http://api.jquery.com/show/

Hope that helps!

I unfortunately do not have an answer here either - sorry.

Any luck? So sorry for bugging. We are waiting to launch a campaign.

@Stefano were you able to find anything?

Yes, whoops, should’ve clarified that.