Kendo UI for jQuery MultiSelect Overview

The jQuery MultiSelect allows users to select multiple items from a list of choices. It provides flexible data binding, filtering, and customization through templates.

In this demo, the MultiSelect is created from a select element, bound to a local data source, configured with filtering, and enhanced with the noDataTemplate option so users can add new items when no match is found.

The Kendo UI for jQuery MultiSelect control is part of Kendo UI for jQuery, a comprehensive, professional-grade UI library for building modern and feature-rich applications. The Kendo UI for jQuery collection provides 120+ UI components, an abundance of data-visualization gadgets, client-side data source, and a built-in MVVM (Model-View-ViewModel) library.

This MultiSelect example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.

• Data binding - Allows you to bind the MultiSelect data source either to local arrays of data or to remote data.
• Filtering - Helps users narrow the available options while typing.
• Grouping - Enables you to display data items that are categorized by a specific model field.
• Server filtering - Lets you control the filtering functionality of the MultiSelect and filter the data on the server.
• Virtualization - Improves performance when large data is loaded in the MultiSelect by rendering a fixed number of list items.
• Templates - Allow you to customize the rendering of items, selected values, and popup headers.
• Adding new items - Allows users to add an item that is not already present in the list.
• Accessibility - The MultiSelect is accessible for screen readers, supports WAI-ARIA attributes, and delivers keyboard shortcuts for faster navigation.