h1. Drop-downs

h1. Summary  



We use drop-down controls for switching data views and/or filtering data.

h2. Code
{code}
<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>
{code}




h2. Example

!Screen shot 2013-12-02 at 11.39.25 AM.png!


h2. Related patterns&nbsp;


h2. Problem

In some applications, tabular data presented can be shown via alternate views based on data ranges, for instance.




h2. Solution

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.




h2. Rationale

This was the best solution rather than providing multiple pages and/or tabs within tabs.