ajax vide mon SELECT

Bonjour à tous,
J'ai un AJAX qui fonctionne sans problème. Je change d'élément dans un select, et mon AJAX se déclenche.
Mon soucis vient d'une fait qu'une fois le script lancé, mon <select> se vide de ses <option>. En image :
Avant l'AJAX:
Pièce jointe 557329
Après:
Pièce jointe 557331
Mon souhait serait donc de ne pas supprimer les options... qui laisserait potentiellement la possibilité de changer d'avis, soit de changer d'option autant de fois que voulu (pour un utilisateur indécis? :p ).
Le code HTML:

Code:

---

1 2 3 4 5 6 7 8

<select type="text" class="form-control col-lg-12 valider" id="Selector" style="color:green"> <option style="color:green;" value="2">Justification validée</option> <option style="color:orange;" value="0">En attente de validation</option> <option style="color:red;" value="1">Justification refusée</option> </select>   <div class="statutJustif">Etat modifié!</div>

---

Et le JS (oui en faite il y a 2 ajax):

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

$(".statutJustif").hide(); document.getElementById("Selector").onchange = changeListener; function changeListener(){ $("#Selector").slideDown().load("/admin/panel/AbsenceUpdateState", { id: $(this).closest('tr').find('#abs_id').val(), valider: $(this).closest('tr').find('.valider').val()}); $(this).closest('tr').find(".statutJustif").show();   $("#Selector").slideDown().load("/admin/panel/AbsenceSendMail", { id: $(this).closest('tr').find('#abs_id').val(), etudiant: $(this).closest('tr').find('#abs_etudiant').val(), mail: $(this).closest('tr').find('#abs_mail').val()}); }

---

Merci d'avance!

Bonjour,

1- donc, tu essaies de charger 2 fichiers dans le même élément "#Selector" ?
Explique... ?? :koi:

2- Vu que .load() est asynchrone, tu ne peux pas savoir lequel des 2 load va s'effectuer en premier.
Si tu veux qu'ils s'effectuent l'un après l'autre, il faut mettre le 2ème DANS le 1er.

Merci pour ta réponse.
Peut importe l'ordre, je ne veux pas récupérer leur contenu côté client.
L'un appel une fonction PHP pour envoyer un mail à un utilisateur, et l'autre va réaliser un UPDATE en base en fonction de l'<option> choisie.
Merci d'avance

Alors tu n'as pas du tout compris le fonctionnement de .load()...
Je t'ai mis un lien. Suis-le, et LIS.

Citation:

---

Description: Load data from the server and place the returned HTML into the matched elements.

---

En français :

Citation:

---

Description: charge les données du serveur et place le code HTML renvoyé dans les éléments correspondants.

---

A priori, ici, tu n'as besoin que de $.ajax().


Tu devrais vraiment faire un EFFORT pour COMPRENDRE ce que tu fais, et CONNAITRE les fonctions que tu utilises... :roll:

Haha, pas tu n'es pas très poli mais tu n'as pas tort, je ne suis pas encore assez rigoureux.
Mais je retiens ta remarque, il faut que je pense à creuser les fonctions que j'utilise, que je décortique exactement ce qu'elles font, je comprendrai mieux mes problèmes ainsi.
Sujet résolu, merci!

Je ne vois pas où j'ai été 'impoli".

"Mordant", peut-être...

C'est surtout que certaines vérités font mal.