Discussion :

[totot]

Bonjour,

J'ai fait un formulaire avec une liste qui affiche différents champs selon la valeur: Pas de problème.
Maintenant, je fait un contrôle sur une date en php car je vais chercher des infos dans la bdd et si ma date n'est pas bonne, je réaffiche le formulaire. Le problème, c'est que les champs après la liste ne se réaffichent pas. Je doit changer la valeur de ma liste pour qu'ils s'affichent de nouveau. J'ai donc essayer le trigger mais rien n'y fait.
voici la ligne:

Code JS :

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

$('#type').trigger('change');

Merci de votre aide

[SpaceFrog]

peut être n'as tu pas pensé a remettre les bonnes valeurs selectionnées avent de faire un trigger du change ?

[totot]

Quand ma page se réaffiche, j'ai bien va valeur que j'avais sélectionnée qui est de nouveau sélectionnée mais sa m'affiche pas les champs qui correspondent.

[totot]

J'ai trouvé mais j'ai un autre problème: les valeurs que j'avais saisie dans les champs qui dépendent de la liste ne se réaffichent pas alors que les autres se réaffichent.

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
28
29
30
31
32
33
34
35
36
37
38
39
//Fonction qui permet de cacher des champs et de les rendrent visible selon la sélection
        $(document).ready(function() {
            $('#champ1').hide(); 
            $('#champ2').hide(); 
            $('#champ3').hide(); 
            $('#champ4').hide(); 
            $('#champ5').hide(); 
            $('#champ6').hide(); 
            $('select[name="type"]').change(function() { // lorsqu'on change de valeur dans la liste
            var valeur = $(this).val(); // valeur sélectionnée
 
                if(valeur != '') { // si non vide
                    if(valeur == 'val1' ||  valeur == 'val2' || valeur == 'val3') {
                        $('#champ1').show();
                        $('#champ2').show();
                        $('#champ3').show();
                        $('#champ4').show();
                    } else {
                        //On cache les différents champs si autre valeur sélectionné
                        $('#champ1').hide();
                        $('#champ2').hide(); 
                        $('#champ3').hide();  
                        $('#champ4').hide();     
                    }
 
                    if(valeur == 'val3') {
                        $('#champ5').show();
                    } else{
                        $('#champ5').hide();
                    }
 
                    if(valeur == 'val4' || valeur == 'val5' || valeur == 'val6') {
                        $('#champ6').show();
                    } else{
                        $('#champ6').hide();
                    }
                }
            }).trigger('change');;
        });