Conditional visibility based on drop-down value

I’m looking to enable conditional visibility on a form based on a value selected on a drop-down within the form. Does anyone know how to achieve this?

You need to know some basic jsvascript coding, or be good with ChatGPT.
But the approach is-

  • Wrap the “conditional” portion of the form in a DIV, and give it an ID
  • Give your triggering element ( the select dropdown ) an ID
  • Write your script to hide-show the conditional portion based on your select rules

Note, be careful about required fields inside of the conditional area. If you have any and they are not satisfied, the form will be unable to post, and the user will not know why since the validation error is hidden.