Variable de php vers script

Version imprimable

Bonjour,

J'ai un petit problème pour passer des variables de php vers un script:
Code:

1 2 3 4 5 6 7 <script> var Moniteur1 = <?php echo $Moniteur1; ?>; function Chang() { if(document.getElementById('Prenom').value == Moniteur1) { document.getElementById("Chang_prenom1").style.display = "inline";
Dans %Moniteur1, il y a "Toto"
Si je mets "Toto" à la place de la variable %Moniteur1, cela fonctionne
Qui peut m'aider
A+

05/05/2021, 10h19
mathieu

regardez le code source de la page pour vérifier que le code javascript soit bien valide.
05/05/2021, 10h47
SpaceFrog

il manque les quotes

Code:

var Moniteur1 = "<?php echo $Moniteur1; ?>";
05/05/2021, 11h41
apicultrice

Merci
Bonne journée

J'ai encore un petit soucis:

Code:

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
40
41
42
43
44
45
46
47
48
<form action="AccesPlanning.php" method="post">                     
                  <p><b>Date planning : </b><input type="date" name="DatePlanning" size="10" maxlength="10" value="<?php echo date("Y-m-d") ?>" /></p>                                                                                                                                                                                                                                                                                                                         
                  <p><b>Nom moniteur: </b><select name="Nom_moniteur" id="Prenom" onchange="Chang()"> 
                                        <?php for ($i=1;$i<$Fin_table;$i++) { ?> 
                                                <option value=<?php echo $Nom_moniteur[$i]; ?> ><?php echo $Nom_moniteur[$i]; ?></option>
                                        <?php } ?>                                                                                                                         
                                                </select>      
                                                <a id="Chang_prenom1" style="display:inline;"><input type="text" name="Prenom_moniteur" size="10" maxlength="10" value="<?php echo $Prenom_moniteur[1]; ?>"></a>
                                                <a id="Chang_prenom2" style="display:none;"><input type="text" name="Prenom_moniteur" size="10" maxlength="10" value="<?php echo $Prenom_moniteur[2]; ?>"></a> 
                                                <a id="Chang_prenom3" style="display:none;"><input type="text" name="Prenom_moniteur" size="10" maxlength="10" value="<?php echo $Prenom_moniteur[3]; ?>"></a>
                                                <a id="Chang_prenom4" style="display:none;"><input type="text" name="Prenom_moniteur" size="10" maxlength="10" value="<?php echo $Prenom_moniteur[4]; ?>"></a></p> 
 
                  <p><b>Validation: </b><input type="submit" value="Valider" ></p>
</form>
 
 
<script>
var Moniteur1 = "<?php echo $Nom_moniteur[1]; ?>";
var Moniteur2 = "<?php echo $Nom_moniteur[2]; ?>";
var Moniteur3 = "<?php echo $Nom_moniteur[3]; ?>";
var Moniteur4 = "<?php echo $Nom_moniteur[4]; ?>";
function Chang() {
        if(document.getElementById('Prenom').value == Moniteur1) {                                
          document.getElementById("Chang_prenom1").style.display = "inline";
          document.getElementById("Chang_prenom2").style.display = "none";
          document.getElementById("Chang_prenom3").style.display = "none";
          document.getElementById("Chang_prenom4").style.display = "none";
        }
        else if (document.getElementById('Prenom').value == Moniteur2) {  
          document.getElementById("Chang_prenom2").style.display = "inline";
          document.getElementById("Chang_prenom1").style.display = "none";
          document.getElementById("Chang_prenom3").style.display = "none";
          document.getElementById("Chang_prenom4").style.display = "none";
        }
        else if (document.getElementById('Prenom').value == Moniteur3) {                                
          document.getElementById("Chang_prenom3").style.display = "inline";
          document.getElementById("Chang_prenom1").style.display = "none";
          document.getElementById("Chang_prenom2").style.display = "none";
          document.getElementById("Chang_prenom4").style.display = "none";
        }
        else if (document.getElementById('Prenom').value == Moniteur4) {
          document.getElementById("Chang_prenom4").style.display = "inline";
          document.getElementById("Chang_prenom1").style.display = "none";
          document.getElementById("Chang_prenom2").style.display = "none";  
          document.getElementById("Chang_prenom3").style.display = "none";     
        }
}
</script>

Tout fonctionne bien sur cette page mais lorsque je sélectionne par exemple le moniteur 1 ou 2 ou 3 , je récupère par $_POST toujours le prénom du moniteur[4]
J'ai remplacé moniteur[4] par "Toto" ici => <input type="text" name="Prenom_moniteur" size="10" maxlength="10" value="<?php echo $Prenom_moniteur[4]; ?>Je récupère toujours "TOTO"
Qui aurait une idée du problème ?
A+

Bonjour apicultrice,
Tous les champs des prénoms ont la même valeur de name.
Ton erreur est de supposer que c'est celui qui est affiché qui sera envoyé en POST, mais non, ça ne fonctionne pas ainsi.

Je t'ai refait ton code en pas moins bien, mais en gardant ton style (alternance html/php) et tes bizarreries (il n'y a peut-être pas besoin d'avoir plusieurs champs, des balises <a> ou des index qui démarrent à 1). ;)

Code:

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
<?php
var_dump($_POST);
$Nom_moniteur=['','Nom 1','Nom 2','Nom 3','Nom 4'];
$Prenom_moniteur=['','Prénom 1','Prénom 2','Prénom 3','Prénom 4'];
$Fin_table=count($Prenom_moniteur);
$numSelect=1;
?>
<form action="AccesPlanning.php" method="post">
	<p><b>Date planning : </b><input type="date" name="DatePlanning" size="10" maxlength="10" value="<?= date("Y-m-d") ?>"></p>
	<p><b>Nom moniteur : </b>
		<select name="Nom_moniteur" onchange="Chang(this.selectedIndex)">
<?php for ($i=1;$i<$Fin_table;$i++) { ?>
			<option value="<?= $Nom_moniteur[$i] ?>"<?= $i===$numSelect?' selected':'' ?>><?= $Nom_moniteur[$i] ?></option>
<?php } ?>
		</select>
<?php for ($i=1;$i<$Fin_table;$i++) { ?>
		<a id="Chang_prenom<?= $i ?>" style="display:<?= $i===$numSelect?'inline':'none' ?>;"><input type="text"<?= $i===$numSelect?' name="Prenom_moniteur"':'' ?> size="10" maxlength="10" value="<?= $Prenom_moniteur[$i] ?>"></a>
<?php } ?>
	</p>
	<p><b>Validation : </b><input type="submit" value="Valider"></p>
</form>
 
<script>
var indexSelect=<?= $numSelect-1 ?>;
function Chang(indexSelectNouv) {
	var ob;
 
	ob=document.getElementById("Chang_prenom"+(indexSelect+1));
	ob.style.display="none";
	ob.querySelector("input").name="";
 
	indexSelect=indexSelectNouv;
 
	ob=document.getElementById("Chang_prenom"+(indexSelect+1));
	ob.style.display="inline";
	ob.querySelector("input").name="Prenom_moniteur";
}
</script>

09/05/2021, 18h27
apicultrice

Bonjour Loralina,

Merci pour ton aide
Cela répond bien à mon attente
A+