Salut!
J'ai un formulaire de réservation pour un restaurant avec deux boutons radio (valeurs "Midi" et "Soir"). Dessous j'ai deux listes déroulantes pour sélectionner l'heure de la réservation. Je souhaite que la plage horaire du menu déroulant soit différente en fonction que l'utilisateur ai choisi "Midi" ou "Soir".
J'ai essayé ceci :
Code PHP :
<tr>
<td class="tabLabel"><label>Service : </label></td>
<td class="tabInput">
<input type="radio" id="Service" name="Service" value="Midi" checked /> Midi
<input type="radio" id="Service" name="Service" value="Soir" /> Soir
</td>
<td class="tabError"> </td>
</tr>
<tr>
<td class="tabLabel"><label>Heure de réservation</label><br /></td>
<td class="tabInput">
<table>
<tr>
<td>
<select title="HrReserv" name="HrReserv" maxlength="2">
<option class="alignSelectInput" value="0" selected="hh">hh</option>
<?php
$testRadio=$_POST['Service']
switch($testRadio){
case 'Midi':
echo("<option class=\"alignSelectInput\" value=\"0\" selected=\"hh\">hh</option>\n");
echo("<option class=\"alignSelectInput\" value=\"11\">11</option>\n");
echo("<option class=\"alignSelectInput\" value=\"12\">12</option>\n");
echo("<option class=\"alignSelectInput\" value=\"13\">13</option>\n");
echo("<option class=\"alignSelectInput\" value=\"14\">14</option>\n");
break;
case 'Soir' :
echo("<option class=\"alignSelectInput\" value=\"0\" selected=\"hh\">hh</option>\n");
echo("<option class=\"alignSelectInput\" value=\"19\">19</option>\n");
echo("<option class=\"alignSelectInput\" value=\"20\">20</option>\n");
echo("<option class=\"alignSelectInput\" value=\"21\">21</option>\n");
echo("<option class=\"alignSelectInput\" value=\"22\">22</option>\n");
break;
}
?>
</select>
</td>
<td> : </td>
<td>
<select title="MnReserv" name="MnReserv" maxlength="2">
<option class="alignSelectInput" value="0" selected="mm">mm</option>
<option class="alignSelectInput" value="0">00</option>
<option class="alignSelectInput" value="15">15</option>
<option class="alignSelectInput" value="30">30</option>
<option class="alignSelectInput" value="45">45</option>
</select>
</td>
</tr>
</table>
Vu que je n'ai pas fait de POST, cela ne risque pas de fonctionner c'est sur
Le soucis c'est que je ne veux pas faire d'envoi vers une autre page vu le but de mon code serait de faire une modification "en temps réel" de la page en modifiant les valeurs des options du bouton radio.
Première question : Est-ce possible? (si ça se trouve php ou Javascript ne peuvent pas me permettre de faire ça)
Deuxième question : Si oui, comment passer outre le problème de l'envoi des valeurs et les récupérer de suite? (ou bien faire un évènement pour savoir quel bouton est selectionné)
Avez vous une piste?