top of page

Conditional Dropdown Box

Learn how to conditionally filter a lower-level dropdown box by a higher-level dropdown box using Wix Velo Code. This is useful for reducing dropdown boxes with many options into fewer options while maintaining overall granularity of choices.

This example uses a dropdown box for car models (Carolla, Preius, Dualis) which is conditional on a dropdown box for car makes (e.g. Honda, Mazda etc.). Once the user chooses a car make, then the car model dropdown box becomes enabled and shows only options associated with the chosen make. If a new car make is chosen, then a new set of options populates the car model dropdown box. Try the example below.

Try it!

Page Code

Please login or register to view this code - it is free!
Disclaimer: To the best of our knowledge, this code works for its stipulated purpose. If you find an error in our code, or know of a better way to achieve the same result - please contact us! All our code snippets come with full support to help you implement them on your own website - simply contact us for help.
bottom of page