show/hide dropdown fields based on user choice

Question

I am creating an adobe form and have 4 dropdown fields [text1, text2, text3, text4] that are populated by another dropdown box [main_text].  The fields text1, text2, text3, text4 have the same options [option1, option2, option3, option4].  Is there a way to hide an option when it is selected in one of the dropdown boxes?  For instance if a user chooses option 1 in the dropdown box called text1 can that option be hidden in the other 3 dropdown boxes [text2, text3, text4].  Then the same thing when the user chooses an option for text2 and so on.  Eventually by the time they get to text4 there should be only 1 option left for them to choose.

Thom Parker · Answer

Hello Susan, Yes there is a way. However, this is a complicated JS intensive thing, and has to be properly managed.

First, the main list has to be stored somewhere global. Then you need a document level function that is called each time a selection is made. The purpose of the function is to go over every list and collect all the selections, Then make a copy of the main list that does not include the current selections. Then apply this copy to each of the dropdowns.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded