Resetting dropdown(s)

Discussion Ask a question
,
1

I have a very extensive selection list. To make it easier to digest, I broke down the list into 3 separate dropdowns. None of the three need to be checked as REQUIRED.

On occasion, a viewer might make a mistake and select from dropdown 1, the also make a select from dropdown 2. This just won’t work for us.

Is there a way to reset all 3 dropdowns so the viewer can start over ?

I was thinking putting an ‘ITEM’ and label it as RESET at the top of each dropdown with a value of the placeholder but not sure if that would work.

Cheers

2

Perhaps if you share the code we can help you out. In code you should be able to detect a second drop down being changed and then warn the user that they can’t make the selection OR automatically reset the dropdown that is already set so that the second dropdown can do its job. Depends on the user experience that you want.

3

Thanks Steven. Share code? I don’t have code … just what’s native to a dropdown. I’m rethinking this option anyway. There’s about 30 items on the list (3 dropdowns of 10 each). maybe a better way would be to select from a table(?) or some sort of succession of text boxes that you can click (?) and that entry goes into the database. I just don’t know The user experience is what I give them (hah). A lot of these guys are senior citizens who want to join our Veterans group but must identify their eligibility by certain campaigns or expeditions … the qualification list is large.

4

So is a drop down list what you want or would a checkbox group work more effectively? With a check box group you could probably show all 30 items in a single page with boxes next to the selections. Then once they have selected the items they need to you can harvest the results.

https://www.wix.com/corvid/reference/$w.CheckboxGroup.html

5

If you still need to reset the dropdowns, using code, you can assign the value to be null.

6

The preferred approach is to set the selectedIndex to undefined.

To reset the dropdown to have no option selected, set the selectedIndex property to undefined.
https://www.wix.com/corvid/reference/$w.Dropdown.html#selectedIndex

Also when you do this you may need to reset the validity indicator to stop the border of the drop down going red:
https://www.wix.com/corvid/reference/$w.Dropdown.html#resetValidityIndication

Cheers