Discussion :

[Asphy]

Bonjour!

Voilà voilà encore novice en php, j'ai un problème avec une page dans laquelle j'ai un champ select tout simple avec quelques valeurs (0,1,2,3) et j'aimerai afficher une autre série bien définie d'input (divers text, radio et autres) sur cette même page en fonction du résultat du premier select.

Avec un exemple ça donne :

select : Choisissez 0, 1, 2, 3

si 0 sélectionné : rien à ajouter
si 1 sélectionné : rajouter Personne n°1 <input text etc...>
si 2 sélectionné : rajouter Personne n°1 <input text etc...> Personne n°2 <input text etc...>
si 3 sélectionné : rajouter Personne n°1 <input text etc...> Personne n°2 <input text etc...> Personne n°3 <input text etc...>

Le gros problème est que, si j'arrive actuellement à faire tout ça en cliquant sur un bouton de type submit juste après le 1er select, je voudrai arriver à faire sans et à pouvoir recharger la page toute seule en utilisant l'option onChange, mais ça a pas l'air de vouloir :'( ...

fonction actualiser dans le onChange()

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script language="Javascript">
function Actualiser() {
 
   this.form.submit(); 
   if($_POST['etape5_question1'] != "check"){
       $_SESSION['etape5_question1'] = $_POST['etape5_question1'];
       javascript:location.reload();
   }else{
       $erreur_etape5_question1 = "Nombre de personnes : Veuillez sélectionner une réponse.";
   }
}
</script>

premier select censé influer sur la suite de la page

Code :

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

1
2
3
4
5
6
7
Nombre de personnes : <select name="etape5_question1" onChange="Actualiser();">
                <option value="check">Choisissez</option>
                <option value="0" <?php if ($_SESSION['etape5_question1'] == '0') {echo 'selected="selected"';}?> >0</option>
                <option value="1" <?php if ($_SESSION['etape5_question1'] == '1') {echo 'selected="selected"';}?> >1</option>
                <option value="2" <?php if ($_SESSION['etape5_question1'] == '2') {echo 'selected="selected"';}?> >2</option>
                <option value="3" <?php if ($_SESSION['etape5_question1'] == '3') {echo 'selected="selected"';}?> >3</option>
                </select>

actuelle bouillie pour générer la 2ème partie de mon formulaire, désolée je sais que c'est pas propre les echo comme ça, mais j'ai toujours pas trouvé mieux pour rester dans mes boucle if et for

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
<?php if(isset($_POST['etape5_question1'])){
                    if($_POST['etape5_question1'] == '1' ||  $_POST['etape5_question1'] == '2' || $_POST['etape5_question1'] == '3'){
 
                        for($a = 1; $a <= $_POST['etape5_question1']; $a++){
                            echo '<strong>Personne n°'.$a.' :</strong>';
                            echo "<br />";
 
                            echo 'Monsieur <input type="radio" name="etape5_question2_'.$a.'" value="Monsieur" <?php if($_SESSION["etape5_question2_'.$a.'"] == "Monsieur"){echo \'checked="checked"\';}?> >';
                            echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
 
                            echo 'Madame <input type="radio" name="etape5_question2_'.$a.'" value="Madame" <?php if($_SESSION["etape5_question2_'.$a.'"] == "Madame"){echo \'checked="checked"\';}?> >';
                            echo "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
 
                            echo 'Mademoiselle <input type="radio" name="etape5_question2_'.$a.'" value="Mademoiselle" <?php if($_SESSION["etape5_question2_'.$a.'"] == "Mademoiselle"){echo \'checked="checked"\';}?> >';
                            echo "<br />";
                            echo "<br />";
                        }
                    }
                }
                ?>

Pour l'instant, j'ai juste l'impression que le onChange recharge rien :s
Quelqu'un aurait une idée svp? :s

[Fench]

Bonjour,

Il faut que tu fasses une redirection en javaScript et y passant le paramètre de l'option choisi (recherche de la valeur avec document.getElementById(selectId) OU tu peux modifier un champ hidden (même méthode) puis à l'affichage de la page récupérer ce champ.

[Nowwis]

Salut,

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script language="Javascript">
function Actualiser() {
 
   this.form.submit(); 
   if($_POST['etape5_question1'] != "check"){
       $_SESSION['etape5_question1'] = $_POST['etape5_question1'];
       javascript:location.reload();
   }else{
       $erreur_etape5_question1 = "Nombre de personnes : Veuillez sélectionner une réponse.";
   }
}
</script>

Ici tu mélanges du PHP dans du JS... ça ne peut pas marcher.
Fait ça :

Code :

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

1
2
3
4
5
<script language="Javascript">
function Actualiser() {
   alert('coucou');
}
</script>

Et regarde si quand tu changes t'as ce message ;-)

[Asphy]

En effet ça m'affiche bien le message d'alert, donc c'est bien que j'ai au moins dû écrire ma fonction comme un pied ^^""

[Nowwis]

Code :

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

1
2
3
4
5
6
if($_POST['etape5_question1'] != "check"){
       $_SESSION['etape5_question1'] = $_POST['etape5_question1'];
       javascript:location.reload();
   }else{
       $erreur_etape5_question1 = "Nombre de personnes : Veuillez sélectionner une réponse.";
   }

Ceci est du PHP, et tu ne peux pas faire ça.
Oriente toi du côté javascript si tu veux de l'aide ;-)

[Asphy]

Ok merci tout plein ! Je vais commencer à bidouiller ça. Je clos le tout dès que j'y arrive.

[Fench]

A part alert(), du code js dans le genre

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<script language="Javascript">
function Actualiser() {
	// On récupère l'élement html <select>	
             var selectElmt = document.getElementById(selectId);	
            //selectElmt.options correspond au tableau des balises <option> du select	
            //selectElmt.selectedIndex correspond à l'index du tableau options qui est actuellement sélectioné	
            var selectOpt = selectElmt.options[selectElmt.selectedIndex].value;
 
             // La redirection 
             window.location = 'http://www.blablabla?param='+selectOpt;  
}
</script>

$_GET['param'] pour récupérer la valeur du select dans ta page redirigé puis affichage

[Asphy]

Merci pour toute l'aide j'ai réussi à en venir à bout du coup!
Me reste plus qu'à traiter les formulaires générés.
*courage courage*