Discussion :

[Zarkoffe]

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:

Après:

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 HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

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 JS :

Sélectionner tout - Visualiser dans une fenêtre à part

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!