Dropdown List demo

This page shows a number of dropdown lists. Please select an item (option) from any of the lists and see how the selected item is displayed on the page.

1. Simple dropdown list which uses the default style

Selected province:

2. Simple dropdown list with the selected top element hidden when opened

Selected option:

3. Dropdown list with text and image

Selected fruit:

4. Dropdown list with scrollbar

Selected color:

5. Disabled dropdown list with text and description

Selected province:

6. Dropdown list with a JSON items source

Selected province:

When you click the next button then the dropdown list is re-populated with different list items. This is an example of a dropdown list of which the list items are inserted/updated after the dropdown list control has been constructed and presented to the user.