ComboBox Overview

The ComboBox displays a list of values and allows for a single selection from the list.

The widget enables the user to enter custom values through the keyboard and represents a richer version of the <select> element.

Kendo UI for jQuery Kendoka image

The ComboBox is part of Kendo UI for jQuery, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the ComboBox

To initialize the ComboBox, use any of the following approaches:

When you initialize the ComboBox, note the following specifics:

  • Create the ComboBox within a $(document).ready() statement because the widget has to be initialized after the DOM fully loads.
  • The ComboBox copies the styles and CSS classes from the input element to the wrapper element.

Functionality and Features

Referencing Existing Instances

To refer an existing ComboBox widget, use the jQuery.data() configuration option.

<input id="comboBox" />

<script>
    var comboBox = $("#comboBox").data("kendoComboBox");
</script>

See Also

In this article
Not finding the help you need? Improve this article