jQuery plugin demo

Select2 jQuery Plugin Demos

Add searchable single and multi-select dropdowns to jQuery forms with Select2, including AJAX results, tags, and clearable selections.

Core Selection

Search, clear, group, and select from native HTML options.

Native select

Single select with search and clear Open the menu and type to filter the list.

Grouped options with disabled results Optgroups and disabled options stay visible in the dropdown.

Multi-select with a selection limit Try selecting more than three values to see built-in maximum selection handling.

Use JavaScript arrays, new tags, and paged results without a build step.

Array + AJAX

Array-backed select Options are loaded from a JavaScript data array.

Tagging with token separators Create new values with Enter, comma, or semicolon.

Simulated remote data with pagination Search terms and scroll position drive delayed, paged results through Select2's AJAX adapter.

Render richer rows, keep selected output compact, and toggle disabled controls.

Custom render

Templated result rows Dropdown items and selected values use different templates.

Disabled Select2 control Use the button below to enable or disable the control.

Templated value No team selected

Disabled control state Disabled

Set values, clear values, open menus, and watch Select2 events fire.

Events

Event monitor select The log records open, close, select, unselect, clear, and change events.

Selected values No values selected

Event count 0 events