Description
Dual select allows the user to see two select boxes. The contents in the secondary select box will change according to the selected value in the primary select box.
Links
Examples
XXX Move to "Widget Form Dual Select" !
<select name="browse/lom.educational.subject.curriculum.strand" class="dualselect">
<optgroup label="All Learning Areas">
<option value="">All Strands</option>
</optgroup>
<optgroup label="Arts">
<option value="Arts/">All Strands</option>
<option value="Arts/Dance">Dance</option>
<option value="Arts/Drama">Drama</option>
</optgroup>
<optgroup label="English">
<option value="English/">All Strands</option>
<option value="English/Listening and speaking">Listening and speaking</option>
<option value="English/Reading and writing">Reading and writing</option>
<option value="English/Viewing">Viewing</option>
</optgroup>
<optgroup label="Health and Physical Education">
<option value="HPE/">All Strands</option>
<option value="HPE/Health of individuals and populations">Health of individuals and populations</option>
<option value="HPE/Human development">Human development</option>
<option value="HPE/Safety">Safety</option>
</optgroup>
<optgroup label="Languages other than English">
<option value="LOTE/">All Strands</option>
<option value="LOTE/Understanding culture">Understanding culture</option>
<option value="LOTE/Understanding language">Understanding language</option>
</optgroup>
<optgroup label="Mathematics">
<option value="Mathematics/">All Strands</option>
<option value="Mathematics/Algebra">Algebra</option>
<option value="Mathematics/Chance and data">Chance and data</option>
<option value="Mathematics/Measurement">Measurement</option>
<option value="Mathematics/Number">Number</option>
</optgroup>
<optgroup label="Science">
<option value="Science/">All Strands</option>
<option value="Science/Life and living">Life and living</option>
<option value="Science/Natural and processed materials">Natural and processed materials</option>
</optgroup>
</select>