Recursive Selection
The user determines what locations are shown when the select the agency in the box on the left. Unfortunately they cannot even see any location information until they pick the agency. To make this easier on users, I have added numbered steps above the two boxes. I have also text inside the second/Locations box directing the user to move their attention back to the first/Agency box. Another thing to note is that when error messaging appears it disappears as soon as the issue is corrected, the user does not need to click the submit button again to clear the error messaging.Agency & Location Example
Select an Agency
Select a Location
Locations appear once an agency is selected
All Locations
STRAWBERRY SCHOOL AGE CENTRE (A8513 - L1939)
PAPAYA SCHOOL AGE (A8513 - L1588)
MANGO TODDLER CENTRE (A8513 - L13246)
L'ORANGE MAISON MONTESSORI (A8513 - L7981)
APRICOT SCHOOL AGE PROGRAM (A8513 - L1942)
LOGANBERRY CHILD CARE CENTRE (A8513 - L1912)
PAPAYA SCHOOL AGE (A8513 - L1588)
MANGO TODDLER CENTRE (A8513 - L13246)
L'ORANGE MAISON MONTESSORI (A8513 - L7981)
APRICOT SCHOOL AGE PROGRAM (A8513 - L1942)
LOGANBERRY CHILD CARE CENTRE (A8513 - L1912)
PEACH PLAYSCHOOL (A6632 - L3276)
LYCHEE SCHOOL AGE PROGRAM (A6632 - L9861)
PLUM INFANT CARE (A6632 - L13451)
MANDARIN CENTRE (A6632 - L14821)
LIMEBERRY INFANT CARE (A6632 - L15132)
LYCHEE SCHOOL AGE PROGRAM (A6632 - L9861)
PLUM INFANT CARE (A6632 - L13451)
MANDARIN CENTRE (A6632 - L14821)
LIMEBERRY INFANT CARE (A6632 - L15132)
At least one agency and one location must be selected to submit the form.
Your form has been submitted.