: Multilayered option list form I want to ask about multilayered options from the view of UI and UX. I need to make a form about coverage area in which contains states, city and districts. user

@Chiappetta793

keep both bottom layers dim/disabled, only enable the first one.. once they have selected the state then enable the city.. And when users select them enable the lasat Dist... Make it a kind of parent->child way.

Updated:

After reading your comments I think you should make it in horizontal way.
There are very rare changes that you get same city in multiple states. or districts in multiple cities..

So my idea is..make that horizontal



STATE⌄ | CITY⌄ | DIST⌄

STATE⌄ | CITY⌄ | DIST⌄

[+] Add more

This way, when use clicks on state, a list appears to select state, and on clicking/tapping on city he can select city and then dist..

if he needs to add more, he can tap on [+] and that will enough to add more and more.

Vote Up Vote Down