Renvoyer des valeurs lors du changement d'onglet dans jQuery

Question

J'utilise les onglets de jQueryUI et lorsqu'un utilisateur modifie un formulaire dans l'onglet, il promeut l'utilisateur qu'une modification a été apportée.

Ma question est, comment puis-je rétablir les valeurs avant d'être changé lorsque l'utilisateur appuie sur 'OK' sur mon invite confirm()?

Answer 1

Vous devez garder une trace de ce que les valeurs étaient avant de les changer ... donc quelque chose comme cela devrait fonctionner pour vous:

var oldValues = {}; 
$(function() { 
    $(":input").each(function() { 
     oldValues[$(this).attr("id")] = $(this).val(); 
    }); 
}); 
function revertValues() { 
    for (var oldVal in oldValues) { 
     $("#" + oldVal).val(oldValues[oldVal]); 
    } 
} 

Et puis il suffit d'appeler revertValues lorsque vous appuyez sur OK dans la confirmation dialogue.

Quelques notes:

• Je viens d'écrire ce code directement dans le navigateur, il est donc tout à fait non testé ...
• En supposant que vous avez d'autres entrées sur d'autres onglets, vous aurez besoin de changer la :input sélecteur et garder différents ensembles de oldValues pour chaque onglet (& repassera alors évidemment que les valeurs de l'onglet en cours.