I'm wanting to have a page with three dropdowns on it with all the same options initially. Then based on the user selecting the first dropdown box option "selection1", have this removed from the options available in the next two dropdowns. Then if they select second dropdown box option "selection2" this and the prior "selection1" are removed from the dropdown options available in third dropdown. I'm also wanting the same functionality to work in different order if a user starts at second dropdown box etc.
Multiple individual dropdowns, each selection removed from subsequent dropdowns
Troubleshooting
I've set page up, called documents from firestore and populated the options available (give full list that doesn't change based on selection). I've also tried setting a query on the dropdown filtering selections based on "not equal" works for a single filter but errors if try for two filters. I've also tried to set state variables (as list) and populate these and then link to the dropdown box option and selection to value, but have issues trying to link the option to the variable (not sure how to do this correctly or if this will work).
Potentially there might be a better (or a more obvious way to achieve this such as a multi select dropdown but was wanting have three clear selections on page for user). Any help greatly appreciated.
Yes
2 replies