Test: dijit/form/Select

Note: load test_Select.html?mode=test to run unit tests, or test_Select.html?mode=benchmark to run performance tests.

HTML select for comparison

dijit/form/Select form

Setting Defaults

Test One: Get Displayed Value Test Two: Test Three (required):

Rich Text (Need to use divs and spans - since browsers hack selects to pieces)

Rich text One: Toggle Disabled Rich text two:

Initially Empty

Add Option Remove Top Option Toggle Disabled

Single Item


Long lists

maxHeight=200: no maxHeight:

dojo/data store (legacy API) based

Example 1 Example 2 Example 3 Example 4 Legacy

dojo/store based

Example 1 Example 2 Example 3 (Observable) Example 3a (Observable, same store as 3) Example 4 Example 5 Legacy

Inlined with text (all IE modes except for IE8 Standards)

Text Prompt:

More required but blank selects

required s13: required s14:
Get Values Submit

Disabled

Disabled:

Programmatic and other tests

show one select dialog show two select dialog
Rendering tests
unstyled widget
normal
disabled
error
hover
focused
RTL
RTL error
styled option

width:60px;font-family:Arial;font-size:150%;border:2px blue;padding:5px;color:red
normal
disabled
error
hover
focused
RTL
RTL error
styled option

a11y, unstyled
normal
disabled
error
hover
focused
RTL
RTL error
styled option

a11y styled
normal
disabled
error
hover
focused
RTL
RTL error
styled option

Toolbar