Discussion :

[Invité]

Bonjour,

J'ai un souci de rafraîchissement de liste déroulante ...

Voici le code JS :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 $(function() {
     $("#select_delai").selectmenu({
         width: 337
     });
 });
 
 $(document).ready(function() {
     $("#select_client").selectmenu({
         width: 337,
         change: function() {
             var client = $('#select_client').val();
             $.ajax({
                 type: "POST",
                 data: {
                     "nom_select_client": client
                 },
                 url: "../../controllers/facturation/aff_parametre_client.php",
                 dataType: "json",
                 success: function(data) {
                     $("#select_delai option").filter(function() {
                         return $(this).text() === data[0];
                     }).prop('selected', true);
                 }
             });
         }
     });
 });

Et le select qui doit obtenir le delai :

Code php :

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

1
2
3
4
5
6
7
<select class="input_facture" name="delai_paiement" id="select_delai">
    <?php
    foreach ($liste_delai_p_ AS $value) {
        echo "\t" . '<option value="' . $value . '">' . $value . '</option>' . "\n";
    }
    ?>
</select>

Si je choisis le client sur la 1ère liste, rien ne se passe, je fais un F5 et hop le bon délai apparaît ...
Si je commente la partie en haut avec la fonction .selectmenu qui me sers juste à avoir une belle liste jquery avec son css automatique, et bien la liste déroulante s'actualise directement sans F5...

Je peux avoir 2 fonctions sur la même liste déroulante, non ?

Merci pour votre aide !

[headmax]

J'ai pas tout saisit ton code , si j'ai bien compris tu souhaite sélectionner le bon option selon la valeur de retour de ta requête AJAX dans ce cas fait simplement :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 $.ajax({
              type: "POST",
              data: {"nom_select_client": client},
              url: "../../controllers/facturation/aff_parametre_client.php",
              dataType: "json",
              success: function(data) {
                 $("#select_delai option").each(function(){
                     if($(this)[0].value === data[0]){
                       $(this)[0].selected = true;
                     }
                  });
               }
 });

Bonne continuation.

[Bovino]

Code :

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

1
2
3
4
5
success: function(data) {
    $("#select_delai option").filter(function() {
        return $(this).text() === data[0];
    }).prop('selected', true);
}

Que de complications pour rien...

Code :

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

1
2
3
success: function(data) {
    $("#select_delai option").val(data[0]);
}

est tellement plus simple.

Sinon, si l'on en croit ton code, la première fonction est exécutée en dehors du ready(), il y a donc de fortes chances pour qu'elle le soit avant que le select correspondant n'existe dans la page et ne peut donc avoir aucun effet.

[Invité]

Bonjour,

Merci pour vos réponses ! Je ne vais pouvoir tester votre que ce soir ...

En attendant, je vais apporter un peu d'explications !

Ce code :

Code JS :

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

1
2
3
4
5
6
 
$(function() {
     $("#select_delai").selectmenu({
         width: 337
     });
 });

Il n'est pas dans le ready mais fonctionne au chargement de la page. Il sert seulement à gérer l'aspect de la liste déroulante pour la sélection du délai. Vous savez, au lieu d'avoir une liste toute moche et grise, elle devient plus agréable avec le jquery et ses thèmes CSS ... (à moins d'une grosse connerie de ma part, l'aspect des select ne peut pas être modifié en CSS simple sans passer par JS ? C'est ce que j'avais compris sur le net...)

Pour ce code :

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
15
16
17
18
19
20
21
22
 
$(document).ready(function() {
     $("#select_client").selectmenu({
         width: 337,
         change: function() {
             var client = $('#select_client').val();
             $.ajax({
                 type: "POST",
                 data: {
                     "nom_select_client": client
                 },
                 url: "../../controllers/facturation/aff_parametre_client.php",
                 dataType: "json",
                 success: function(data) {
                     $("#select_delai option").filter(function() {
                         return $(this).text() === data[0];
                     }).prop('selected', true);
                 }
             });
         }
     });
 });

Un client va avoir un délai de paiement par défaut, 30, 60, 90 jours ... Ce que je voulais, c'est quand on sélectionne dans la liste le client, la code va chercher dans la bdd par l’intermédiaire du fichier aff_parametre_client.php la valeur et sans rechargement de page, la liste des délais va pointer sur la bonne valeur.
(Pour information, j'ai également un type à modifier de la même manière);

Je ne sais pas si mes explications répondent à vos questions.

Merci à vous

[Bovino]

Ouais... faut pas faire attention, depuis hier, j'ai tendance à être régulièrement à côté de la plaque et c'était le cas dans ma réponse...

En fait, ce qu'il se passe, c'est que le plugin est mal foutu !
La plupart des plugins de ce genre créent un nouvel élément pour l'affichage et lient la valeur de cet élément à celle du select d'origine. Sauf que là, ça ne semble pas être le cas, du coup, quand tu changes la valeur du select par programmation, il faut réinitialiser la valeur de l'élément visuel :

Code :

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

1
2
3
4
success: function(data) {
    $("#select_delai").val(data[0]);
    $("#select_delai").selectmenu( "refresh" );
}

[Invité]

Même quand t'es à côté de la plaque, tu ponds un meilleur code que moi !

Ok je vais tenter ça ! En tout cas, ton explication explique sûrement un autre de mes problèmes !

Merci, je passe en résolu ce soir si tout est ok !