J'essaie de changer la classe d'un élément de bouton déroulant après que l'utilisateur a cliqué sur un élément dans le menu déroulant et rechargé la page.

Le code suivant est valide lorsque la page est actualisée.

$(".dropdown-content").on("click", function() { $('.dropbtn').toggleClass('active'); }); 
Existe-t-il des options de stockage local que je peux utiliser ? Je viens de l'apprendre. 
 
J'utilise actuellement le code suivant pour appeler le texte qui apparaît dans le bouton déroulant : 
 
$(".dropbtn").text( localStorage.getItem("sélectionné") ? localStorage.getItem("sélectionné") : "Liens utiles" ); $(".dropbtn").on("clic", function () { $(".dropdown-content").toggleClass("open"); }); $(".dropdown-content a").on("clic", function () { $(".dropbtn").text($(this).text()); localStorage.setItem("selected", $(this).text()); $(".dropdown-content").removeClass("open"); }); 
Un grand merci à @RedApple pour son aide. Cela fonctionne bien - je me demande simplement si la classe .dropbtn pourrait être définie comme active de la même manière lorsque l'on clique sur l'élément a .dropdown-content. 
 
 J'ai essayé ceci, mais je pense que je ne l'utilise pas correctement car .dropbtn ne conserve pas la classe active lors de l'actualisation de la page : 
 
$(".dropdown-content").on("click", function() { localStorage.setItem("active", $('.dropbtn').toggleClass('active')); $('.dropbtn').toggleClass('active'); });