Comment conserver la valeur de la liste déroulante sélectionnée avant la modification avec jQuery ?

Préserver la valeur de la liste déroulante sélectionnée avant le changement avec jQuery

Il est possible d'y parvenir en combinant les événements de focus et de changement dans jQuery. Voici comment procéder :

($ => {
  var previous;

  $("select").on('focus', function () {
    previous = this.value; 
  }).change(function() {
    alert(previous); 
    previous = this.value; 
  });
})();

Dans ce code, nous utilisons l'événement focus pour stocker la valeur actuelle de la liste déroulante. Lorsque la liste déroulante est modifiée (événement de changement), nous pouvons accéder et afficher la valeur précédente avant le changement.

Pour appliquer cette fonctionnalité à plusieurs zones de sélection sur la même page, y compris celles ajoutées après le chargement de la page via AJAX , vous pouvez utiliser le code mis à jour suivant :

$(document).ready(function() {
  $(document).on("focus", "select", function () {
    $(this).data('previous', this.value); 
  }); 

  $(document).on("change", "select", function() {
    const previous = $(this).data('previous'); 
    if (previous) {
      alert(previous); 
      $(this).data('previous', this.value); 
    }
  });
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!