Bounty59
Nouveau membre
Bonjour,
Je rencontre un petit souci.
J'ai une liste déroulante contenant 5 éléments.
Je souhaiterais que lorsqu'un élément est sélectionné, des cases à cocher correspondantes s'affichent, en dessous de la liste déroulante. Puis que ces cases soient remplacées par d'autres en cas de changement de sélection dans la liste déroulante.
Voici mon code :
- Dans HEAD :
[cpp]
<script language='javascript'>
function changerub(rubrique){
if(rubrique==0){
document.write("<table width = '50%'><tr><input type='checkbox' name='expedparcode' />Expéditions par code CPS</tr>
<tr><input type='checkbox' name='listeavis' />Liste des avis</tr><table>");
}
elseif(rubrique==1){
document.write("<table width = '50%'><tr><input type='checkbox' name='horseuropipe' />Hors Europipe</tr>
<tr><input type='checkbox' name='europipe' />Europipe</tr>
<tr><input type='checkbox' name='iran' />Iran</tr>
<tr><input type='checkbox' name='plaquettes' />Plaquettes</tr></table>");
}
elseif(rubrique==2){
document.write("<table width = '50%'><tr><input type='checkbox' name='parpostecommande' />Par poste de commande</tr>
<tr><input type='checkbox' name='parcommande' />Par commande</tr></table>");
}
elseif(rubrique==3){
document.write("<table width = '50%'><tr><input type='checkbox' name='transtschoix' />Tous choix</tr></table>");
}
elseif(rubrique==4){
document.write("<table width = '50%'><tr><input type='checkbox' name='fournitures' />Fournitures gratuites interservises LAF</tr>
<tr><input type='checkbox' name='suiviagp' />Suivi AGP</tr>
<tr><input type='checkbox' name='ziegel' />Ziegelander</tr>
<tr><input type='checkbox' name='dicut' />Dicut</tr></table>");
}
}
</script>
[/cpp]
- Dans BODY :
[cpp]
<form name="formrub" action="" method="post">
<b>Sélectionnez une rubrique :</b><br />
<SELECT name="rubrique" size="1" onChange="changerub(formrub.rubrique.selectedIndex)">
<OPTION selected>Tous choix
<OPTION>Tubes
<OPTION>Déclassés
<OPTION>Transport
<OPTION>Divers
</SELECT></form>
[/cpp]
>> La liste déroulante s'affiche correctement mais rien ne se produit lorsque je change la sélection.
Je vous remercie par avance pour votre aide,
Alex
Je rencontre un petit souci.
J'ai une liste déroulante contenant 5 éléments.
Je souhaiterais que lorsqu'un élément est sélectionné, des cases à cocher correspondantes s'affichent, en dessous de la liste déroulante. Puis que ces cases soient remplacées par d'autres en cas de changement de sélection dans la liste déroulante.
Voici mon code :
- Dans HEAD :
[cpp]
<script language='javascript'>
function changerub(rubrique){
if(rubrique==0){
document.write("<table width = '50%'><tr><input type='checkbox' name='expedparcode' />Expéditions par code CPS</tr>
<tr><input type='checkbox' name='listeavis' />Liste des avis</tr><table>");
}
elseif(rubrique==1){
document.write("<table width = '50%'><tr><input type='checkbox' name='horseuropipe' />Hors Europipe</tr>
<tr><input type='checkbox' name='europipe' />Europipe</tr>
<tr><input type='checkbox' name='iran' />Iran</tr>
<tr><input type='checkbox' name='plaquettes' />Plaquettes</tr></table>");
}
elseif(rubrique==2){
document.write("<table width = '50%'><tr><input type='checkbox' name='parpostecommande' />Par poste de commande</tr>
<tr><input type='checkbox' name='parcommande' />Par commande</tr></table>");
}
elseif(rubrique==3){
document.write("<table width = '50%'><tr><input type='checkbox' name='transtschoix' />Tous choix</tr></table>");
}
elseif(rubrique==4){
document.write("<table width = '50%'><tr><input type='checkbox' name='fournitures' />Fournitures gratuites interservises LAF</tr>
<tr><input type='checkbox' name='suiviagp' />Suivi AGP</tr>
<tr><input type='checkbox' name='ziegel' />Ziegelander</tr>
<tr><input type='checkbox' name='dicut' />Dicut</tr></table>");
}
}
</script>
[/cpp]
- Dans BODY :
[cpp]
<form name="formrub" action="" method="post">
<b>Sélectionnez une rubrique :</b><br />
<SELECT name="rubrique" size="1" onChange="changerub(formrub.rubrique.selectedIndex)">
<OPTION selected>Tous choix
<OPTION>Tubes
<OPTION>Déclassés
<OPTION>Transport
<OPTION>Divers
</SELECT></form>
[/cpp]
>> La liste déroulante s'affiche correctement mais rien ne se produit lorsque je change la sélection.
Je vous remercie par avance pour votre aide,
Alex