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

Change

events

Fired when the value of the widget is changed by the user. As of 2015 Q3 SP1 cascading widget will trigger change event when its value is changed due to parent update.

The event handler function context (available via the this keyword) will be set to the widget instance.

The event is not fired when the value of the widget is changed programmatically. If you need to handle changes made by API, wire the cascade event.

change

Event Data

e.sender `kendo.ui.DropDownList`

The widget instance which fired the event.

<input id="dropdownlist" />
<script>
$("#dropdownlist").kendoDropDownList({
  dataSource: [ "Apples", "Oranges" ],
  change: function(e) {
    var value = this.value();
    // Use the value of the widget
  }
});
</script>

<input id="dropdownlist" />
<script>
function dropdownlist_change(e) {
  var value = this.value();
  // Use the value of the widget
}
$("#dropdownlist").kendoDropDownList({
  dataSource: [ "Apples", "Oranges" ]
});

var dropdownlist = $("#dropdownlist").data("kendoDropDownList");
dropdownlist.bind("change", dropdownlist_change);
</script>

Change

change

Event Data

e.sender kendo.ui.DropDownList

e.sender `kendo.ui.DropDownList`