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.
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.
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.