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: Test Two: Test Three (required):

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

Rich text One: Alabama Alaska Arizona Arkansas California Rich text two: copy Copy move Move no copy No Copy no move No Move very long menu Very Long Menu Entry

Initially Empty


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:

Disabled

Disabled:

Programmatic and other tests

validate and close
validate and close

Rendering tests
unstyled widget
normal
disabled
error
hover
focused
RTL
RTL error
styled option Large 2

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 Large 2

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

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

Toolbar