Formulaire avec Javascript

Formulaire avec Script serveur

Récupération des scripts

Javascript

<script> <!--

function set_poids(P1,P2,P3) {
	o = document.all.cat_poids;
	while (o.options.length) { o.options.remove(0); }
	o.options[0] = new Option("Veuillez choisir un poids","0")
	o.options[1] = new Option(P1,P1)
	o.options[2] = new Option(P2,P2)
	o.options[3] = new Option(P3,P3)
}

function modif_poids() {
	var sex = document.getElementById('sexe').value;
	var age = document.getElementById('cat_age').value;
	if ((sex>0)&&(age>0)) {
		if ((sex==1)&&(age==1)) set_poids(34,38,42);
		if ((sex==1)&&(age==2)) set_poids(38,42,46);
		if ((sex==1)&&(age==3)) set_poids(46,50,55);
		if ((sex==2)&&(age==1)) set_poids(24,28,32);
		if ((sex==2)&&(age==2)) set_poids(28,32,36);
		if ((sex==2)&&(age==3)) set_poids(36,40,45);
	} else {
		o = document.all.cat_poids;
		while (o.options.length) { o.options.remove(0); }
		o.options[0] = new Option("...",0)
	}
}

//-->
</script>

<form name="javascript" method="post" action="<?= $PHP_SELF ?>">
	<select name="sexe" onChange="modif_poids()">
	  <option value="0">Sexe ?</option>
	  <option value="1">Masculin</option>
	  <option value="2">Feminin</option>
	</select>
	<select name="cat_age" onChange="modif_poids()">
	  <option value="0">Catégorie ?</option>
	  <option value="1">benjamins</option>
	  <option value="2">minimes</option>
	  <option value="2">cadets</option>
	</select>
	<select name="cat_poids">
	  <option value="0">...</option>
	</select>
	<input type="submit" name="Submit" value="Valider">
</form>

PHP

<form name="php" method="post" action="<?= $PHP_SELF ?>">

<?PHP $options_poids=""; $poids=""; $categorie="";

	$sex = $_POST['php_sexe'];
	$age = $_POST['php_cat_age'];
	$poids = $_POST['php_cat_poids'];

	if ($sex==1 && $age==1) { $liste_poids = Array(34,38,42); $categorie = "Benjamins / Garçons"; }
	if ($sex==1 && $age==2) { $liste_poids = Array(38,42,46); $categorie = "Minimes / Garçons"; }
	if ($sex==1 && $age==3) { $liste_poids = Array(46,50,55); $categorie = "Cadets / Garçons"; }
	if ($sex==2 && $age==1) { $liste_poids = Array(24,28,32); $categorie = "Benjamins / Filles"; }
	if ($sex==2 && $age==2) { $liste_poids = Array(28,32,36); $categorie = "Minimes / Filles"; }
	if ($sex==2 && $age==3) { $liste_poids = Array(36,40,45); $categorie = "Cadets / Filles"; }

	if ($liste_poids!="") foreach($liste_poids as $value) {
		$options_poids .= "\n".'	  <option value="'.$value.'">'.$value.'</option>';
	}

?>

<?PHP if ( $options_poids=="" ) { /* sexe / catégorie */ ?>
<p>Sexe :
	<select name="php_sexe">
	  <option value="0">Veuillez faire un choix</option>
	  <option value="1"<?PHP if ($php_sexe==1) echo " selected"; ?>>Masculin</option>
	  <option value="2"<?PHP if ($php_sexe==2) echo " selected"; ?>>Feminin</option>
	</select></p>
<p>Catégorie :
	<select name="php_cat_age">
	  <option value="0">Veuillez faire un choix</option>
	  <option value="1"<?PHP if ($php_cat_age==1) echo " selected"; ?>>benjamins</option>
	  <option value="2"<?PHP if ($php_cat_age==2) echo " selected"; ?>>minimes</option>
	  <option value="3"<?PHP if ($php_cat_age==3) echo " selected"; ?>>cadets</option>
	</select></p>
<input type="submit" name="Submit" value="Valider">

<?PHP } else if ($poids==""||$poids==0) { /* Poids */ ?>
<p> <?= $categorie ?>
	<input type="hidden" name="php_sexe" value="<?= $_POST['php_sexe']; ?>">
	<input type="hidden" name="php_cat_age" value="<?= $_POST['php_cat_age']; ?>">
	<select name="php_cat_poids">
	  <option value="0">Veuillez sélectionner votre poids</option><?PHP echo $options_poids; ?>
	</select></p>
<input type="submit" name="Submit" value="Valider">

<?PHP } else { echo "Votre choix : " . $categorie . " / " . $poids;  } ?>
</form>