In my web application, I need to request some data using a form
These data are selected in three levels, for example:
Project-> Order-> Product
I'm considering showing an element that would let the user select an option from a list. When they select from one element, then the next element will be populated based on their previous selection.
For example, if they select "project" # 1 then the selection box for "order" should show order # 1, # 2 and # 3.
If they then select order #2, then the selection box for "product" should show # 200, # 210, # 220, # 230, etc..
I have two possible ideas for the best solution. The first is to show the three elements, but initially put them in a disabled visual state. When someone selects something in from an earlier input, then the next input is enabled.
The second is to only show the first selection list, and then to progressively show later selection lists as the user makes selections from the ones they can see.
This I want to do with jquery ui, using the autocomplete widget.