background

Kendo UI for jQuery

jQuery ComboBox

  • Allow users to select items from a list of predefined options with support for filtering, custom rendering and virtualization.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
header-ComboBox
  • Overview

    Kendo UI for jQuery ComboBox is a form component designed to let you choose a predefined value from a list of items.  It operates similarly to the Select HTML element, and supports filtering, custom rendering and virtualization to give users a more comprehensive experience.

    See the  jQuery ComboBox Overview demo.

    combobox---overview
  • Filtering

    Ensure users have an intuitive experience when filtering down data items with the Kendo UI for jQuery ComboBox built-in filtering mechanism. It helps you reduce the available data items and you can configure the filtering settings by including conditional rules such as “starts with” or “contains”.

    See the jQuery ComboBox Filtering demo.

    filtering-combobox
  • Virtualization

    Enable users to scroll through large datasets with virtualization. When your jQuery ComboBox needs to hold hundreds of thousands of data items, virtualization becomes key in rendering large amount of data with high performance.

    See the jQuery ComboBox Virtualization demo

  • Floating Label

    Ensure a smoother and more efficient user experience with the jQuery ComboBox floating label feature. Adding a label that floats above the input allows you to save space and ensures end-users don’t lose focus of the form context.

    See the jQuery ComboBox Floating Label demo

    Kendo UI for jQuery ComboBox Component Floating Label
  • Grouping

    Organize data in categories to easily traverse datasets. With the grouping feature of the Kendo UI for jQuery ComboBox, 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 ComboBox Grouping demo

    grouping-combobox
  • Adaptive Mode

    The jQuery ComboBox  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.  

    See the jQuery ComboBox Adaptive Mode demo

    ComboBox Adaptive mode
  • Templates

    Out of the box, the Kendo UI for jQuery ComboBox renders any items with just plain text. When just text is not enough, the template functionality of the jQuery ComboBox is the way to go as it allows for a jQuery template to be used when rendering any data items. This allows for scenarios like adding images or icons next to the text, custom styling for certain items, and much more. Beyond data items, header and footer templates are also provided to help ensure that any aspect of the jQuery ComboBox can be customized to fit your application.

    See the jQuery ComboBox Templates demo.

  • Cascading ComboBox

    Connect two or more jQuery ComboBoxes to build relationships between values of different form fields. With multiple cascading jQuery ComboBoxes on a single page, you can set the input of one ComboBox to update the content of another. For example, selecting a country in one ComboBox will filter the available cities in the following ComboBox.

    See the jQuery Cascading ComboBoxes demo.

    cascading-combobox
  • Prefix and Suffix Adornments

    Elevate user interactivity leveraging the option for adding prefix and suffix adornments. These are custom items, usually an icon or button, inside the field before or after the input area. Typical prefix adornments are currency symbols or unit indicators, while suffix adornments are often used for password visibility toggles, formatting or clearing the input. 

    See the jQuery ComboBox Prefix and Suffix demo

  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate the jQuery ComboBox and assist with selecting a value using the keyboard alone.

    See the jQuery ComboBox Keyboard Navigation demo

    Keyboard Navigation
  • Accessibility

    The jQuery ComboBox is compliant with Section 508 standards, is AA rated with WCAG 2.0 and follows WAI-ARIA standards.

    Read the jQuery ComboBox Accessibility documentation

    jQuery accessibility

All Kendo UI for jQuery Components

Next Steps

Next Steps