Group two options — practice exercise

What you'll be asked to do

1. 1.Group two optionsexercise · easy · 10 min

   Group two options under a labelled heading.

   Passes when: Group two options under a labelled heading.

2. 2.Two groupsexercise · easy · 10 min · practice plan

   Add two labelled groups to the dropdown.

   Passes when: Add two labelled groups to the dropdown.

3. 3.Disable a groupexercise · easy · 10 min · practice plan

   Make one whole group unavailable.

   Passes when: Make one whole group unavailable.

4. 4.An ungrouped option tooexercise · easy · 10 min · practice plan

   Add a group plus one option outside it.

   Passes when: Add a group plus one option outside it.

5. 5.A grouped city pickerexercise · medium · 10 min · practice plan

   Build a named dropdown with two labelled groups.

   Passes when: Build a named dropdown with two labelled groups.

6. 6.Fix the group with no labelbug fix · easy · 8 min

   An option group needs a label to be useful.

   Passes when: An option group needs a label to be useful.

7. 7.Fix the missing second groupbug fix · easy · 8 min · practice plan

   The Indian cities have no group.

   Passes when: The Indian cities have no group.

8. 8.Fix each option disabled separatelybug fix · easy · 8 min · practice plan

   The group itself can be disabled in one place.

   Passes when: The group itself can be disabled in one place.

9. 9.Fix the label written as an optionbug fix · easy · 8 min · practice plan

   A group heading is the optgroup's label.

   Passes when: A group heading is the optgroup's label.

10. 10.Fix the dropdown missing its namebug fix · easy · 8 min · practice plan

    The choice cannot be submitted without a name.

    Passes when: The choice cannot be submitted without a name.

Between them these tasks cover Grouping options, label attribute and Long dropdowns.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.