Bonjour,
Petit souci d'affichage / masquage de blocs DIV.
Je m'explique :
J'ai un formulaire avec deux boutons radios, et une liste déroulante, dont je souhaite que le contenu change en fonction du bouton radio sélectionné par l'utilisateur.
Suite à un précédent topic, j'ai donc eu l'idée de créer 2 listes déroulantes distinctes (une correspondant au bouton radio 1, l'autre au bouton radio 2) dans des DIV, et d'afficher / masquer ces DIV lorsque l'utilisateur sélectionne un bouton radio.
Mais ça ne semble pas fonctionner...
Voici mon code :
- Dans le HEAD, en JS :
Code :
- function listDeroulCompt(selRub){
- if (selRub == 'produit'){
- document.getElementById(listProd).style.display = 'block';
- document.getElementById(listTransp).style.display = 'none';
- }
- else if (selRub == 'transp'){
- document.getElementById(listProd).style.display = 'none';
- document.getElementById(listTransp).style.display = 'block';
- }
- }
|
- Dans le BODY, en HTML :
Code :
- <FIELDSET style="width: 290" align="center">
- <LEGEND> Sélectionnez une rubrique </LEGEND>
- <input type="radio" name="choixRub" value="Produit" onchange="listDeroulCompt('produit');" checked>Produit<br />
- <input type="radio" name="choixRub" value="Transport" onchange="listDeroulCompt('transp');">Transport
- </FIELDSET>
- <br />
- <br />
- <FIELDSET style="width: 290" align="center">
- <LEGEND> Sélectionnez un tableau </LEGEND>
- <br />
- <center>
- <div id="listProd" style="display:block">
- <SELECT name="listeEtatsSuiviComptable" size="1" >
- <OPTION value="Tous les tableaux - Produit" selected>Tous les tableaux</option>
- <OPTION value="Expéditions par code CPS">Expéditions par code CPS</option>
- <OPTION value="Liste des avis" >Liste des avis</option>
- <OPTION value="Suivi comptabilité">Suivi comptabilité</option>
- <OPTION value="Hors Europipe" >Hors Europipe</option>
- </SELECT>
- <br />
- </div>
- <div id="listTransp" style="display:none">
- <SELECT name="listeEtatsSuiviComptable2" size="1" >
- <OPTION value="choix1" selected>Choix 1</option>
- <OPTION value="choix2">Choix 2</option>
- <OPTION value="choix3" >Choix 3</option>
- </SELECT></center>
- <br />
- </div>
- </center>
- <br />
- </FIELDSET>
|
Une idée ?...
Merci par avance,
Message édité par Bounty59 le 30-01-2007 à 11:20:34
