Need help in Javascript onChange event

Question

On change of a dropdown value, I need to confirm whether the user wants to change the value or changed it by mistake.

If user clicks on OK then system should apply the modification, otherwise the value should not change.

As of now I have written code as follows:

document.getElementById("dropdownid").onchange = function (){ 

  var a = confirm("Do you want to change");

  if (a == true){
    return true;
  }

  if (a == false){
    return this;
  }

}

here am getting the confirm box but regardless of whether if I press OK or Cancel, the dropdown always shows the new value.

Answer 1

Please try this:

document.getElementById("dropdownid").onchange = function (){ 
     var a = confirm("Do you want to change");
    if (a == true)
       {
         return true;
       }
    if (a == false)
       {
         return false;
       }
    }

Answer 2

check this fiddle

var drop = document.getElementById("dropdownid"); 
var selected =drop.options[drop.selectedIndex]; //save selection initially
drop.onclick = function (e){
selected = drop.options[drop.selectedIndex]; // save current selection 
}
drop.onchange = function (e){
var a = confirm("Do you want to change");
if (a == false) // no need to check for true
   {
       selected.selected=true; // if cancel, set the existing selected option
   }
}

Answer 3

You can undo the selection like this:

document.getElementById("dropdownid").onchange = function (){
    if (!confirm("Do you want to change")) {
        if (typeof this.prevVal=='undefined') {
            this.prevVal=this.options[0].value;
            for (var i=0;i<this.options.length;i++)
                if (this.options[i].defaultSelected)
                    this.prevVal=this.options[i].value;
        }
        this.value=this.prevVal;
    } else {
        this.prevVal=this.value;
    }
}

Basically you save in an attribute the previously selected value, and you search for the default value if not changed yet.

Answer 4

try using this code

document.getElementById("dropdownid").onchange = function (eve){ 
   var a = confirm("Do you want to change");
   if (a == true){
     return true;
   }
   if (a == false){
       eve.preventDefault();
   }
}