Example Selectable

📅 2026-06-18 | 📂 jQuery UI

## Default Functionality Enable the selectable feature on a DOM element or a set of elements. Select items by dragging the mouse. Hold the Ctrl key to select multiple non-adjacent items. jQuery UI Selectable - Default Functionality

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7

## Display as Grid Make selectable items display as a grid by using CSS to give them the same size and float them. jQuery UI Selectable - Display as Grid

## Serialization Write a function that triggers on the `stop` event to collect the index values of the selected items. Present these values as feedback or pass them as a data string. jQuery UI Selectable - Serialization

You have selected: none.

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

YouTip

Example Selectable

📂 Categories