Comment obtenir la valeur d'une liste déroulante avant qu'elle ne change dans jQuery ?

Obtention de la valeur de la liste déroulante avant la modification

Dans jQuery, l'événement change est souvent utilisé pour capturer la valeur d'un paramètre liste déroulante lorsqu'elle est modifiée. Cependant, cet événement ne fournit la valeur qu'une fois la modification effectuée. Pour obtenir la valeur de la liste déroulante avant le changement, une approche différente est nécessaire.

Une solution consiste à combiner les événements de focus et de changement. Lorsque la liste déroulante reçoit le focus, la valeur actuelle peut être stockée dans une variable. Lorsque l'événement de changement se produit, cette valeur stockée peut être utilisée pour déterminer la valeur avant le changement.

Voici comment implémenter cette solution :

(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; }); })(); Dans ce script :

L'écouteur d'événement focus stocke la valeur actuelle de la liste déroulante dans la variable précédente. L'écouteur d'événement change exécute une action qui utilise la valeur précédente, comme l'afficher dans une boîte d'alerte. La variable précédente est ensuite mise à jour avec la nouvelle valeur de la liste déroulante. Cette approche vous permet de capturer la valeur de la liste déroulante avant qu'elle ne change. Gardez à l'esprit que cette technique doit être appliquée à tous les fichiers éléments de la page qui nécessitent cette fonctionnalité. De plus, si l'option les éléments sont insérés dynamiquement, les écouteurs d'événements doivent être liés une fois les éléments ajoutés au DOM.

Un exemple en direct de cette solution peut être trouvé à l'URL suivante : http://jsfiddle.net/x5PKf/ 766.