Kendo UI for jQuery

jQuery MultiSelect

  • Allow users to select multiple items from a list. Each item is rendered as a tag with an icon to remove the value.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
Header-MultiSelect
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    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.

    See the jQuery MultiSelect Overview demo

    multiselect-overview
  • Data Binding

    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.

    Read the jQuery MultiSelect Data Binding documentation

  • Virtualization

    Enable the virtualization feature to allow users to effortlessly scroll through large sets of data without any impact on performance.

    See the jQuery MultiSelect Virtualization demo

  • Grouping

    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.

    See the jQuery MultiSelect Grouping demo

  • Templates

    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.

    See the jQuery MultiSelect Templates demo

    templates-multiselect
  • Add New Item

    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.

    See the jQuery MultiSelect Add New Item demo

  • Single or Summary Tag Modes

    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.

    See the jQuery MultiSelect Tag Mode demo

  • Globalization

    MultiSelect fully supports localization of component messages, cultural locals, and right-to-left alignment.

    Read the jQuery MultiSelect Globalization documentation

    globalization-localization
  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery MultiSelect Keyboard Navigation demo

    keyboard-navigation