Bonjour,
J'ai crée un petit bout de code qui permet d'afficher deux liste différentes (option value,...) en fonction de la sélection de boutons radio. Ex : si on clique sur le bout 1 une premiere liste apparait, si on clique sur le 2 une autre liste apparait à la meme place. En fonction de l'élément choisi dans la liste, je défini un variable. Jusqu'ici tout marche.
Mon probleme est le suivant : si l'utilisateur fait un choix dans la premiere liste, qu'il clique sur le 2e bouton radio et qu'il fait un choix dans la seconde liste, ma variable prend alors deux valeurs. Impossible alors de savoir laquelle est la bonne. Le soucis c'est que meme si la liste est pas affichée, elle existe qd mm et agit sur la variable.
Je recherche donc un solution qui permettrai par exemple de savoir qu'il radiobutton est coché pour pouvoir en déduire la bonne variable si il y en a 2. Ou un truc dans le genre...
Voila la page. Si quelqu'un a une idée, il est le bienvenu ! (nommer la page heure.php)
<!--
function ShowTab (E)
{
document.getElementById("tab1").style.display = (E == 1) ? 'block' : 'none';
document.getElementById("tab2").style.display = (E == 2) ? 'block' : 'none';
}
//-->
</script></head>
<?
$page = 'heure.php';
if (isset($_POST["envoyer"])) {
if($heuremidi==""){ $heure = $heuresoir; } else { $heure = $heuremidi; }
print("$heure");
}else{
?>
<input type="radio" name="TabCheck" onclick="ShowTab(1)" checked="checked" /> Midi
<input type="radio" name="TabCheck" onclick="ShowTab(2)" /> Soir
</div> <form action="<?= $page?>" method="post"> <SELECT NAME="heuremidi" SIZE=1">
<OPTION SELECTED VALUE="">Heure
</OPTION> <OPTION VALUE="12H30">12H30
</OPTION> <OPTION VALUE="13H30">13H30
</OPTION> </SELECT>
</div>
<div id="tab2" style="display: none;">
<OPTION SELECTED VALUE="">Heure</OPTION>
<OPTION VALUE="19H30">19H30</OPTION>
<OPTION VALUE="20H">20H</OPTION>
<OPTION VALUE="20H30">20H30</OPTION>
<OPTION VALUE="21H">21H</OPTION>
<OPTION VALUE="21H30">21H30</OPTION>
<OPTION VALUE="22H">22H</OPTION>
</SELECT>
</div></center>
</td></tr></table><input type="submit" name="envoyer" value="Envoyer" /></form>
<? }
?>
</body>
</html>
Merci !