New to Kendo UI for jQuery? Start a free 30-day trial

Select

events

Fired when an item from the popup is selected by the user either with mouse/tap or with keyboard navigation.

Important: The event is not fired when an item is selected programmatically.

select

Event Data

e.dataItem `Object`

The data item instance of the selected item.

e.item `jQuery`

The jQuery object which represents the selected item.

e.preventDefault `Function`

If invoked prevents the select action. The widget will retain the previous selected item.

e.sender `kendo.ui.ComboBox`

The widget instance which fired the event.

<input id="combobox" />
<script>
$("#combobox").kendoComboBox({
  dataSource: [ "Apples", "Oranges" ],
  select: function(e) {
    var item = e.item;
    var text = item.text();
    // Use the selected item or its text
  }
});
</script>

<input id="combobox" />
<script>
function combobox_select(e) {
  var item = e.item;
  var text = item.text();
  // Use the selected item or its text
}
$("#combobox").kendoComboBox({
  dataSource: [ "Apples", "Oranges" ]
});
var combobox = $("#combobox").data("kendoComboBox");
combobox.bind("select", combobox_select);
</script>

<input id="combobox" />
<script>
$("#combobox").kendoComboBox({
  dataSource: [ "Apples", "Oranges" ],
  select: function(e) {
    //call preventDefault() to prevent the selection
    e.preventDefault();
  }
});
</script>

Select

select

Event Data

e.dataItem Object

e.item jQuery

e.preventDefault Function

e.sender kendo.ui.ComboBox

e.dataItem `Object`

e.item `jQuery`

e.preventDefault `Function`

e.sender `kendo.ui.ComboBox`