Drop-downs

1. Summary
   1. We use drop-down controls for switching data views and/or filtering data.
2. Code

<select id="co-forecast-select">
                        
                            <option value="COMMON">COMMON</option>
                        
                            <option value="COMMON">COMMON</option>
                        
                            <option value="900019051-2396278920-004">PI forecast for Langer, Robert S workset</option>
                        
                    </select>

<select id="foo" class="[bar]">
                        
        <option value="COMMON">COMMON</option>
                        
        <option value="COMMON">COMMON</option>
                        
       <option value="900019051-2396278920-004">PI forecast for Langer, Robert S workset</option>
                        
 </select>

1. Example (in use, with an interaction, in context)
2. Related patterns
3. Problem (business, user, technical)
   1. In some applications, tabular data presented can be shown via alternate views based on data ranges, for instance.
4. Solution
   1. We provide drop-down controls so users can switch views within a page without having to navigate to separate pages to see the various views.
5. Rationale (other things we tried)
   1. This was the best solution rather than providing multiple pages and/or tabs within tabs.
6. Accessibility