Kendo UI for jQuery
jQuery MultiSelect is a form component which allows users to select multiple items from a list of available options. Each selected item is rendered as a tag with a built-in icon to remove the value, giving users a sleek visual interface to preview their list of selected items.
MultiSelect can be bound to different types of data, including an array of primitive values or an object. Moreover, the Angular MultiSelect can bind separate fields to the text and underlying value displayed to users.
Enable the virtualization feature to allow users to effortlessly scroll through large sets of data without any impact on performance.
Provide a smoother and more efficient experience for end-users with the jQuery MultiSelect floating label feature. Add a label that floats above the input and save space while ensuring users don’t lose focus of the form context.
Organize data in categories to easily skim datasets. You can define what field in your data is responsible for the group and the component will automatically group the underlying data accordingly.
The jQuery MultiSelect UI component supports an adaptive mode that provides a mobile-friendly rendering of the component popup. When enabled, the component will automatically adapt to the current screen size and will change its rendering accordingly.
Much like most of the component in Kendo UI for jQuery, you can use templates to configure the header and footer elements and the individual items to display more than just text.
The MultiSelect component includes a text field in which users can input text when looking for items. If the item is not found, the component will automatically present the user with a “Add New Item” button that will update the list.
MultiSelect gives you two options regarding the tags that represent selected items. Single mode is most typical and displays one tag per item selected. Summary mode uses one tag to represent multiple items.
MultiSelect fully supports localization of component messages, cultural locals, and right-to-left alignment.
Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.