Comment obtenir la valeur d'un élément sélectionné avant qu'il ne change en JavaScript ?

Récupération de la valeur d'un élément sélectionné avant modification

JavaScript fournit divers écouteurs d'événements qui permettent aux développeurs de répondre aux interactions des utilisateurs. Un besoin courant est la possibilité de récupérer la valeur d'un paramètre (liste déroulante) avant qu'il ne change. Cette technique est particulièrement utile lorsque vous travaillez avec plusieurs listes déroulantes sur une seule page, où vous devrez peut-être conserver la valeur précédente à des fins de comparaison.

Pour ce faire, nous pouvons utiliser une combinaison d'événements de focus et de changement. L'extrait de code suivant montre comment :

(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
    console.log(previous);

    // Update the previous value with the new selection
    previous = this.value;
  });
})();

Ce code utilise une fonction anonyme auto-exécutable pour éviter de polluer l'espace de noms global. Il attache un écouteur d'événement à tous les fichiers

éléments sur la page. En se concentrant sur n'importe quelle liste déroulante, il stocke la valeur actuelle. Lorsque la sélection est modifiée, elle enregistre la valeur précédente et la met à jour avec la nouvelle sélection.

Cette approche vous permet de travailler avec plusieurs listes déroulantes sur la même page et de récupérer leurs valeurs précédentes avant chaque modification. Vous pouvez intégrer ce code dans votre projet pour améliorer l'expérience utilisateur et faciliter des fonctionnalités plus avancées impliquant des entrées déroulantes.

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!