Javascript avec des menus deroulant html

Bonjour,

je m'adresse ici parce que j'ai des petits problemes afin de realiser un script sur des menus deroulant dans une page html ... je m'explique :

j'ai 2 menus deroulant comme ceux-ci :
<table WIDTH="100%" CELLSPACING="0">
<tr VALIGN="top">
<td WIDTH="20%"><strong><font face="Arial"><small><a NAME="3"></a> </small></font><font
COLOR="#154f8f" size="2" face="Arial">Votre direction</font><font face="Arial"><small> </small></font></strong></td>
<td WIDTH="20%"><strong><font face="Arial"><small><a NAME="4"></a> </small></font><font
COLOR="#154f8f" size="2" face="Arial">Votre sous-direction :</font></strong><font
face="Arial"><small> </small></font></td>
<td width="60%"></td>
</tr>
<tr VALIGN="top">
<td><font face="Arial"><select NAME="v4" size="1" onchange="UpdateSample1();">
<option VALUE SELECTED> </option>
<option VALUE="1"> P </option>
<option VALUE="2"> CG </option>
<option VALUE="3"> DAJ </option>
<option VALUE="4"> DCE </option>
<option VALUE="5"> DCT </option>
<option VALUE="6"> DF </option>
<option VALUE="7"> DLA </option>
<option VALUE="8"> DRH </option>
<option VALUE="9"> DSC </option>
<option VALUE="10"> DSI </option>
<option VALUE="11"> DSP </option>
<option VALUE="12"> FD </option>
<option VALUE="13"> IGQ </option>
</select> </font></td>

<td><font face="Arial"><select NAME="v5" size="1">
<option VALUE SELECTED> </option>
<option VALUE="1"> DSI - D et Services rattachés </option>
<option VALUE="2"> DSI - EA </option>
<option VALUE="3"> DSI - SD </option>
<option VALUE="4"> DCT-D et services rattachés </option>
<option VALUE="5"> DCT-DA et services rattachés </option>
<option VALUE="6"> DCT-SI </option>
<option VALUE="7"> DCT-TV </option>
<option VALUE="8"> DCT-AQ </option>
<option VALUE="9"> DCT-OP </option>
<option VALUE="10"> DCT-BL </option>
<option VALUE="11"> DCT-PO </option>
<option VALUE="12"> DCT-RF </option>
<option VALUE="13"> DCT-SA </option>
<option VALUE="14"> DCT-SB </option>
<option VALUE="15"> DCT-RH </option>
<option VALUE="16"> DCT-PS </option>
<option VALUE="17"> DLA-D et services rattachés </option>
<option VALUE="18"> DLA-SDS </option>
<option VALUE="19"> DLA-SDT </option>
<option VALUE="20"> DLA-SFR </option>
<option VALUE="21"> DLA-AG </option>
<option VALUE="22"> DLA-SDE </option>
<option VALUE="23"> DLA-AQ </option>
<option VALUE="24"> CG-D et services rattachés </option>
<option VALUE="25"> CG-SDO </option>
<option VALUE="26"> CG-SDP </option>
</select> </font></td>
</tr>
</table>

Ce que j'aimerai réaliser c'est lorsque je selectionne une certaine option du premier menu le second menu s'affiche avec seulement les options correspondantes (ex : si je selectionne CG, les 3 options CG du 2nd menu s'affiche ... etc ... si, je selectionne l'option P ou DAJ ... le 2nd menu ne s'affiche pas)

J'ai deja commencé a ecrire ceci mais ca fonctionne pas tres bien et je ne sais pas comment integré une fonction d'affichage ou non ... :

function UpdateSample1()
{
var makeSelect = document.forms.quest.v4;
var modelSelectSite = document.forms.quest.v5;

// Clear the popups
modelSelectSite.options.length = 0;
modelSelectSite.options[0] = new Option("");

if (makeSelect.options[makeSelect.selectedIndex].value == "2" ){
modelSelectSite.options[1] = new Option("CG-D et services rattachés", 24);
modelSelectSite.options[2] = new Option("CG-SDO", 25);
modelSelectSite.options[3] = new Option("CG-SDP", 26);
}
else if (makeSelect.options[makeSelect.selectedIndex].value == "5"){
modelSelectSite.options[1] = new Option("DCT-D et services rattachés", 4);
modelSelectSite.options[2] = new Option("DCT-DA et services rattachés", 5);
modelSelectSite.options[3] = new Option("DCT-SI", 6);
modelSelectSite.options[4] = new Option("DCT-TV", 7);
modelSelectSite.options[5] = new Option("DCT-AQ", 8);
modelSelectSite.options[6] = new Option("DCT-OP ", 9);
modelSelectSite.options[7] = new Option("DCT-BL", 10);
modelSelectSite.options[8] = new Option("DCT-PO", 11);
modelSelectSite.options[9] = new Option("DCT-RF", 12);
modelSelectSite.options[10] = new Option("DCT-SA", 13);
modelSelectSite.options[10] = new Option("DCT-SB", 14);
modelSelectSite.options[11] = new Option("DCT-RH", 15);
modelSelectSite.options[12] = new Option("DCT-PS", 16);
}
else if (makeSelect.options[makeSelect.selectedIndex].value == "7"){
modelSelectSite.options[1] = new Option("DLA-D et services rattachés", 17);
modelSelectSite.options[2] = new Option("DLA-SDS", 18);
modelSelectSite.options[3] = new Option("DLA-SDT", 19);
modelSelectSite.options[4] = new Option("DLA-SFR", 20);
modelSelectSite.options[5] = new Option("DLA-AG", 21);
modelSelectSite.options[5] = new Option("DLA-SDE", 22);
modelSelectSite.options[5] = new Option("DLA-AQ", 23);
}
else if (makeSelect.options[makeSelect.selectedIndex].value == "10"){
modelSelectSite.options[1] = new Option("DSI - D et Services rattachés", 1);
modelSelectSite.options[2] = new Option("DSI - EA", 2);
modelSelectSite.options[3] = new Option("DSI - SD", 3);

}
document.forms.quest.v3[0].focus();
}


Je vous remercie d'avance si vous pouvez m'aider !!!

Bonne journée

Thibault

alors ... j'ai un autre petit probleme ... voila ce que j'ai ecrit :



function yes(bloc){
var navName=navigator.appName;

if(document.getElementById){
var elem =document.getElementById(bloc);

if(navName=="Microsoft Internet Explorer"){
elem.style.visibility = 'visible';
}
else{
navVer=parseInt(navigator.appVersion);
if(navVer>4){
elem.style.visibility = 'visible';
}
}
}
}

function no(bloc){
var navName=navigator.appName;
if(document.getElementById){
var elem =document.getElementById(bloc);

if(navName=="Microsoft Internet Explorer"){
elem.style.visibility = 'hidden';
}
else{
navVer=parseInt(navigator.appVersion);
if(navVer>4){
elem.style.visibility = 'hidden';
}
}
}
}

<tr VALIGN="top">
<td><font face="Arial"><select NAME="v4" size="1">
<option VALUE SELECTED> </option>
<option VALUE="1" onclick="{no('menu');}"> P </option>
<option VALUE="2" onclick="{yes('menu');}"> CG </option>
<option VALUE="3" onclick="{no('menu');}"> DAJ </option>
<option VALUE="4" onclick="{no('menu');}"> DCE </option>
<option VALUE="5" onclick="{yes('menu');}"> DCT </option>
<option VALUE="6" onclick="{no('menu');}"> DF </option>
<option VALUE="7" onclick="{yes('menu');}"> DLA </option>
<option VALUE="8" onclick="{no('menu');}"> DRH </option>
<option VALUE="9" onclick="{no('menu');}"> DSC </option>
<option VALUE="10" onclick="{yes('menu');}"> DSI </option>
<option VALUE="11" onclick="{no('menu');}"> DSP </option>
<option VALUE="12" onclick="{no('menu');}"> FD </option>
<option VALUE="13" onclick="{no('menu');}"> IGQ </option>
</select> </font></td>
</tr>


<tr VALIGN="top" id="menu" style="visibility:hidden">
<td><table WIDTH="100%" CELLSPACING="0">
<tr VALIGN="top">
<td id="menu"><font face="Arial"><select NAME="v5" size="1">
<option VALUE SELECTED> </option>
<option VALUE="1"> DSI - D et Services rattachés </option>
<option VALUE="2"> DSI - EA </option>
<option VALUE="3"> DSI - SD </option>
<option VALUE="4"> DCT-D et services rattachés </option>
<option VALUE="5"> DCT-DA et services rattachés </option>
<option VALUE="6"> DCT-SI </option>
<option VALUE="7"> DCT-TV </option>
<option VALUE="8"> DCT-AQ </option>
<option VALUE="9"> DCT-OP </option>
<option VALUE="10"> DCT-BL </option>
<option VALUE="11"> DCT-PO </option>
<option VALUE="12"> DCT-RF </option>
<option VALUE="13"> DCT-SA </option>
<option VALUE="14"> DCT-SB </option>
<option VALUE="15"> DCT-RH </option>
<option VALUE="16"> DCT-PS </option>
<option VALUE="17"> DLA-D et services rattachés </option>
<option VALUE="18"> DLA-SDS </option>
<option VALUE="19"> DLA-SDT </option>
<option VALUE="20"> DLA-SFR </option>
<option VALUE="21"> DLA-AG </option>
<option VALUE="22"> DLA-SDE </option>
<option VALUE="23"> DLA-AQ </option>
<option VALUE="24"> CG-D et services rattachés </option>
<option VALUE="25"> CG-SDO </option>
<option VALUE="26"> CG-SDP </option>
</select> </font></td>
</tr>


ca marche sur FIREFOX ... mais pas avec internet explorer .... Pourquoi ???

Merci par avance !!!

mes fonctions marchent mais pas dans les choix <option value...> du 1er menu ca ne s'active pas sous internet explorer...

je demande avec la plus grande humilié votre grande pitié ... :cry: :cry: :cry: