change

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.

Event Data

e.sender kendo.ui.DropDownList

The widget instance which fired the event.

Example - subscribe to the "change" event during initialization

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

Example - subscribe to the "change" event after initialization

<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>
In this article