Creating Dynamic Dropdown Lists for product configurations

Sarah Wallace shared this question 5 years ago

I am trying to create dynamic dropdown menus and am having a problem figuring out how to do so. Ultimately, what I'm creating is a series of dropdown menus that will allow a user to configure a product for purchase. e.g. if someone selects a type of camera in the first dropdown, the subsequent dropdowns need to update so that we're only offering options that are compatible with the selected camera. How can I do this? Would be amazing if there was a video showing the steps.

Comments (1)


Hello Sarah,

While the values of a drop down widget can't be adjusted dynamically, you may use the following workarounds:

1. Have multiple hidden drop down lists and show only the appropriate one when a specific value has been chosen for the previous drop down.

2. Simulate the look of a drop down list using a data list. An example of this can be found in the following tutorial: