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.
The ComboBox is part of Kendo UI for jQuery, a
professional grade UI library with 100+ 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:
-
Bind the widget to a local data array and use the
<option>tag of an existing<select>element with defined data items. -
Bind the widget to a local data array and use the
<input>element. -
Bind the widget to a remote data service and use the
<input>element.
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
inputelement to thewrapperelement.
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>