How can I make the UI so that the second list array changes to match the appropriate selection in the first list?

[A.W.H.]

I have two arrays of data. One, called 'Groups', lists the names of various groups within a company. Two, called 'Tasks', lists the tasks most commonly assigned to employees of each group. Each group has its own array of task data. In other words, there are two interdependent sets of data.

Now, I have two drop down lists in my app. First, the groups button to select which group you'll be sending a task to. Second, the tasks button to select which task you'll be assigning members of that group.

How can I make the UI so that the second list array changes to match the appropriate selection in the first list? If I choose 'Marketing' from the Groups array, I only want to see a selection of Marketing tasks to choose from. If I change the group to 'Sales', I want to see a selection of Sales tasks.

How can I accomplish this? Thanks

[Illya Stepanov]

Hi Avery -

It is hard to say, since it is a very general explanation of your idea. Could you please show us what you have tried in your app and with what you particularly experiencing difficulties now?

[A.W.H.]

How do I code:

If in one column drop down list, I select item '1a', then change the contents of the second column drop down list to the corresponding list of suffixes for which '1a' is a valid prefix? I know it's a lot of logic, but I need to implement some sort of query or other filter to manage the user's options.

[A.W.H.]

?

Can you give me the code that can view/alter and do if/else statements on the value of the dropdown list selections, and that can automatically pull from a new collection based on the value of the selection

[A.W.H.]

https://devcenter.appery.io/documenta...

Similar to this but with the code reflecting options from the database, rather than manual.

[Pablo]

1 - Load Group Component data.
2 - On value change event (Group Component) add JavaScript code
3 - Map/Set a localStorage variable with the selected item (group)
4 - Execute a service that request the "group" variable
5 - Map the result of the query into the 2nd select component (task)

There are a lot of tutorials and documents on those subjects (mapping, local storage, etc)

If you need something or have answers just let me know.

Happy coding!

[A.W.H.]

Can you please help me understand this list grouping function?
https://getsatisfaction.com/apperyio/...

[A.W.H.]

Hi, I need help getting data from the database into the Javascript append html query.
https://getsatisfaction.com/apperyio/...