Remplir la table en fonction de sélectionner

J’utilise ce code pour remplir une table en fonction de l’option de sélection choisie. Ce code fonctionne bien si l’utilisateur clique sur la sélection, mais pas si l’utilisateur utilise les touches de direction.

Dans ce cas, la table n’est pas nettoyée et les données de json sont renseignées de manière séquentielle. Ainsi, la sortie dans la table ne correspondra pas à l’option actuellement sélectionnée.

Une idée à ce sujet?

$('select').on('change', function() { $('.agencies_table').html(''); $.getJSON("/users/agencies/" + this.value, function(data) { $.each(data.json_list, function(i, obj) { $('.agencies_table').append(' ' + obj.label + ' '); }); }); }); 

• Sélection de frères et sœurs adjacents sans nœuds de texte intermédiaires
• Persistance des cases à cocher dans les popovers bootstrap à travers les ouvertures
• Chrome ne charge pas complètement l’aperçu avant impression du premier coup
• Centrer un DIV plus large que la fenêtre
• Pourquoi la sélection choisie DropDown passe-t-elle sous le pied de page DIV

• Matérialiser la superposition modale de la page entière (la fenêtre contextuelle modale n’a pas été mise au premier plan)
• comment cacher une ligne avec rowspan
• Conflits de données Ajax JSON et Lightbox
• Case à cocher dynamic html utilisant jquery à partir de la firebase database
• Comment exécuter la fonction à partir d’un fichier externe en tant qu’action de formulaire?

 var xhr; $('select').on('change', function () { if (xhr) { xhr.abort(); } $('.agencies_table').html(''); xhr = $.getJSON("/users/agencies/" + this.value, function (data) { $.each(data.json_list, function (i, obj) { $('.agencies_table').append(' ' + obj.label + ' '); }); }).always(function () { xhr = undefined; }); });