L'obtention de la valeur du select (liste déroulante) avant de changer

Combiner les l'accent événement avec le changement événement pour réaliser ce que vous voulez:

(function () {
    var previous;

    $("select").on('focus', function () {
        //Store the current value on focus and on change
        previous = this.value;
    }).change(function() {
        //Do something with the previous value after the change
        alert(previous);

        //Make sure the previous value is updated
        previous = this.value;
    });
})();

De travail exemple: http://jsfiddle.net/x5PKf/766

- Je aller pour Avi Pinto, solution qui utilise jquery.data()

Utilisation de focus n'est pas une solution valable. Il fonctionne à la première fois que vous modifiez les options, mais si vous restez sur cela, sélectionnez l'élément et appuyez sur la touche "up" ou "down". Il ne va pas à travers les événements de focus de nouveau.

De sorte que la solution devrait être plus ressemble au suivant,

//set the pre data, usually needed after you initialize the select element
$('mySelect').data('pre', $(this).val());

$('mySelect').change(function(e){
    var before_change = $(this).data('pre');//get the pre data
    //Do your work here
    $(this).data('pre', $(this).val());//update the pre data
})

 $("#dropdownId").on('focus', function () {
    var ddl = $(this);
    ddl.data('previous', ddl.val());
}).on('change', function () {
    var ddl = $(this);
    var previous = ddl.data('previous');
    ddl.data('previous', ddl.val());
});

garder sélectionné de la liste déroulante valeur, choisis jquery dans une variable globale avant d'écrire la liste déroulante, le 'changement' action de la fonction.
Si vous souhaitez définir la valeur précédente de la fonction, vous pouvez utiliser la variable globale.

//global variable
var previousValue=$("#dropDownList").val();
$("#dropDownList").change(function () {
BootstrapDialog.confirm(' Are you sure you want to continue?',
  function (result) {
  if (result) {
     return true;
  } else {
      $("#dropDownList").val(previousValue).trigger('chosen:updated');  
     return false;
         }
  });
});

Je sais que c'est un vieux thread, mais je pense peut ajouter un petit extra. Dans mon cas, j'ai été de vouloir passer sur le texte, val et quelques autres données attr. Dans ce cas, il est préférable de stocker l'ensemble de l'option prev valeur plutôt que de simplement le val.

Exemple de code ci-dessous:

var $sel = $('your select');
$sel.data("prevSel", $sel.clone());
$sel.on('change', function () {
//grab previous select
var prevSel = $(this).data("prevSel");
//do what you want with the previous select
var prevVal = prevSel.val();
var prevText = prevSel.text();
alert("option value - " + prevVal + " option text - " + prevText)
//reset prev val        
$(this).data("prevSel", $(this).clone());
});

EDIT:

J'ai oublié d'ajouter .clone() sur l'élément. de ne pas le faire lorsque vous essayez de récupérer les valeurs que vous finissent par tirer dans la nouvelle copie de la sélection plutôt que de la précédente. À l'aide de la méthode clone() stocke une copie de la sélectionner à la place d'une instance de celle-ci.

Utilisez le code suivant,je l'ai testé et sa fonctionne

var prev_val;
$('.dropdown').focus(function() {
prev_val = $(this).val();
}).change(function(){
$(this).unbind('focus');
var conf = confirm('Are you sure want to change status ?');
if(conf == true){
//your code
}
else{
$(this).val(prev_val);
$(this).bind('focus');
return false;
}
});

Je voudrais contribuer une autre option pour résoudre ce problème, puisque les solutions proposées ci-dessus n'a pas résolu mon scénario.

(function()
{
//Initialize the previous-attribute
var selects = $('select');
selects.data('previous', selects.val());
//Listen on the body for changes to selects
$('body').on('change', 'select',
function()
{
$(this).data('previous', $(this).val());
}
);
}
)();

Ce n'utiliser jQuery pour que def. est une dépendance ici, mais ce peut être adapté pour travailler en pure javascript. (Ajouter un écouteur pour le corps, de vérifier si l'objectif initial était de sélectionner, fonction execute, ...).

Par la fixation de la changer de port d'écoute du corps, vous pouvez très bien être sûr que ce sera le feu après spécifiques des écouteurs pour les sélectionne, sinon, la valeur des données précédentes " sera remplacé avant même de le lire.

C'est bien sûr en supposant que vous préférez utiliser des écouteurs pour votre précédente et vérifier la valeur. Il s'inscrit tout à fait dans l'unique responsabilité de modèle.

Remarque: Cela ajoute ce "précédent" de la fonctionnalité tous sélectionne, alors assurez-vous d'affiner les sélecteurs si nécessaire.

Meilleure solution:

$('select').on('selectric-before-change', function (event, element, selectric) {
var current = element.state.currValue; //index of current value before select a new one
var selected = element.state.selectedIdx; //index of value that will be selected
//choose what you need
console.log(element.items[current].value);
console.log(element.items[current].text);
console.log(element.items[current].slug);
});

J'avais besoin de révéler une autre div en fonction de la sélection

C'est comment vous pouvez le faire avec jquery et es6 syntaxe

HTML

<select class="reveal">
<option disabled selected value>Select option</option>
<option value="value1" data-target="#target-1" >Option 1</option>
<option value="value2" data-target="#target-2" >Option 2</option>
</select>
<div id="target-1" style="display: none">
option 1
</div>
<div id="target-2" style="display: none">
option 2
</div>

JS

$('select.reveal').each((i, element)=>{
//create reference variable 
let $option = $('option:selected', element)
$(element).on('change', event => {
//get the current select element
let selector = event.currentTarget
//hide previously selected target
if(typeof $option.data('target') !== 'undefined'){
$($option.data('target')).hide()
}
//set new target id
$option = $('option:selected', selector)
//show new target
if(typeof $option.data('target') !== 'undefined'){
$($option.data('target')).show()
}
})
})