Streaming live at 10am (PST)

Show/hide elements based on form select

Hi,

How can I get divs to show/hide based on a user’s selection in a form?

ie. in this mockup example I want to show/hide the choices 1 or choices 2 divs based on the author they select: https://preview.webflow.com/preview/form-select-83d774?utm_source=form-select-83d774&preview=81e26fe74d3a410417b50ebf9deca092

Thanks!

anyone able to help?

No way (yet) beside by custom code (You find a lot of code ideas to solve this). Do you know a little JS?

One example:
codepen:
https://codepen.io/atelierbram/pen/gusxF

$(function() {
  $('#colorselector').change(function(){
    $('.colors').hide();
    $('#' + $(this).val()).show();
  });
});

More:
https://www.tutorialrepublic.com/faq/show-hide-divs-based-on-dropdown-selection-in-jquery.php

The code idea ± is: set deafult value => show this deafult value. Hide all other options. Than when select option 2 (Hide all - and show 2).

Thanks I will give this a go!

Are there any solution nowadays?
Working my *** off to pull this trought :frowning:

No. Only by Custom Code.