New to Kendo UI for jQueryStart a free 30-day trial

Select

events

Fired when an item from the suggestion popup is selected by the user.

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

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.sender kendo.ui.AutoComplete

The widget instance which fired the event.

<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
  dataSource: [ "Apples", "Oranges" ],
  select: function(e) {
    var item = e.item;
    var text = item.text();
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(text);
    // Use the selected item or its text
  }
});
</script>
<input id="autocomplete" />
<script>
function autocomplete_select(e) {
  var item = e.item;
  var text = item.text();
  // Use the selected item or its text
}
$("#autocomplete").kendoAutoComplete({
  dataSource: [ "Apples", "Oranges" ]
});
var autocomplete = $("#autocomplete").data("kendoAutoComplete");
autocomplete.bind("select", autocomplete_select);
</script>
<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
  dataSource: [ "Apples", "Oranges" ],
  select: function(e) {
    //call preventDefault() to prevent the selection
    e.preventDefault();
  }
});
</script>
Not finding the help you need?
Contact Support