Dojo FilteringSelect Widget Test

The FilteringSelect widget is an enhanced version of HTML's <select> tag.

Similar features:

There is a drop down list of possible values.
You can only enter a value from the drop down list. (You can't enter an arbitrary value.)
The value submitted with the form is the hidden value (ex: CA),
not the displayed value a.k.a. label (ex: California)

Enhancements over plain HTML version:

If you type in some text then it will filter down the list of possible values in the drop down list.
List can be specified either as a static list or via a javascript function (that can get the list from a server)

FilteringSelect #1: inlined data, autoComplete=false:

state list 1: onChange:

FilteringSelect #2: url, autoComplete=true:

state list 2: Value:

FilteringSelect #3: url, autoComplete=false:

state list 3: Value:

FilteringSelect #5: custom labelFunc (value in textbox should be lower case when onChange is called), autoComplete=true:

state list 5:

FilteringSelect #7: Input method editor Chinese characters

Using an input method editor (see IME for Windows) try typing 阿 (a) or 把 (ba).

Chinese list:

FilteringSelect #8: Japanese

Try typing 東、西、北、南 (north, south, east west) and a few choices will pop up.

Japanese list: Value:

FilteringSelect #9: No data

This FilteringSelect has no options to choose from. It should still load.

empty list:

FilteringSelect #10: hasDownArrow=false:

no arrow list:

FilteringSelect #11: deep data, initial query of type=country:

query list:

this is some text below the combo boxes. It shouldn't get pushed out of the way when search results get returned. also: adding a simple combo box to test IE bleed through problem: