Cancel Dropdown list change event

[Arun]

Hi how do i cancel the dropdown change event?
i am doing a user conformation on dropdown change event. if the user confirm no then the dropdown selected value should go back to its old value. i tried return false but didnt work. 

$("#myDropdown").data("kendoDropDownList");
.bind("change", function (e) {
if(!confirm('warning'))
return false;
}
thanks for your help
Arun

[Arun]

seems we cannot cancel the change event.  To achieve the desired functionality i had to bind to 'select' event and then do 

   e.preventDefault();
 	 
         
('#myDropdown').bind("select", function (e) {
           var data = this.dataItem(e.item.index());
            var current = this.value();  // this will have the old selected value 
            var selectedType = data.Code; //this will have the new selected value
}



please feel to correct me if i am wrong :-)
thanks,
Arun

[Elias]

You can't cancel the onChange event, but you can cancel the onSelect event. Call the preventDefault() function and it will cancel the event.

function onSelect(e) {
    e.preventDefault();
}

-- or --

('#myDropdown').bind("select", function (e) {

    e.preventDefault();

}

[Tayger]

Thank you, works well also on my side... In case of having an optionLabel in dropownlist you have to add +1 to the index, else its always shifted by 1:

var data = this.dataItem(e.item.index()+1);

That shouldn't be since the optionLabel is no more an element of DOM and dropdownlist. 

[Graham]

A workaround to not being able to cancel the event: put a conditional statement in the event function to prevent it from running its code if a certain condition applies. Set that condition in the code to "cancel" the event.

[Edward]

Following works for me, with optionlabel set:

    let prevValue = this.text(); //this.selectedIndex
    let newValue = e.dataItem.Value; // e.dataItem.Id