I have a menu of reference information, like below.
download bmml source – Wireframes created with Balsamiq Mockups
The above fields are progressively pre-populated by the system, and user has to just select the value. Specifically i.e. user selects reference Order, like 123
, based on that information, reference Job field is populated. User selects something like 22
, and based on that field, reference Serial combo box is populated.
That is working great, except in situations when i.e. Serial or Job or Order have not yet been entered into the system, or are so old that they are legacy (and are not in the system).
In those cases user needs to be able to enter their own values into all the boxes.
How can that be done when Combo Boxes (in my case HTML select
box) cannot take user input?
Ideally same names (i.e <name="ref_serial">
in HTML) should be reused for the manual input.
Other
as a selection, or do I put 3 more<input>
boxes underneath the<select>
boxes, or .. something else? i.e. to get fancy maybe there are ways to replace select boxes in place with input boxes, so in that case it is both implementation and design related