Aller au contenu

3 menu deroulants dépendant en javascript


nazdak

Sujets conseillés

Bonjour tout le monde,

Jaimerais savoir si quelqu'un connait un script ou un moyen pour arriver au résultat que j'attends :

Je voudrais 3 menu deroulants dépendant l'un de l'autre (l'info de l'un changeant le contenu de l'autre ...)

j'ai déja trouvé un script pour 2 menu, mais je n'arrive pas à l'adapter.

Voici le code :

// ==> dans <head>



<script language=JavaScript><!--
liste=new Array();
liste[0] = new Array("Le mois / O mês");
liste[1] = new Array("Julho/Juillet","Agosto/Août","Setembro/Septembre","Outubro/Octobre","Novembro/Novembre","Dezembro/Décembre");
liste[2] = new Array("Janeiro/Janvier","Fevereiro/Février","Março/Mars","Abril/Avril","Maio/Mai","Junho/Juin","Julho/Juillet","Agosto/Août","Setembro/Septembre","Outubro/Octobre","Novembro/Novembre","Dezembro/Décembre");
liste[3] = liste[2];
liste[4] = liste[2];
liste[5] = liste[2];
liste[6] = liste[2];
liste[7] = liste[2];


année = new Array();
année[1] = '2003';
année[2] = '2004';
année[3] = '2005';
année[4] = '2006';
année[5] = '2007';
année[7] = '2008';

mois = new Array();
mois['Janeiro/Janvier'] = '01-02';
mois['Março/Mars'] = '03';
mois['Abril/Avril'] = '04';
mois['Maio/Mai'] = '05';
mois['Junho/Juin'] = '06';
mois['Julho/Juillet'] = '07';
mois['Agosto/Août'] = '08';
mois['Setembro/Septembre'] = '09';
mois['Outubro/Octobre'] = '10';
mois['Novembro/Novembre'] = '11';
mois['Dezembro/Décembre'] = '12';

function changeliste()
{
choix=document.getElementById("listeA").value;
t='<select name="listeB" id="listeB">';
for(i=0;i<liste[choix].length;i++)
{
t+="<option value=\""+liste[choix][i]+"\">"+liste[choix][i]+"</option>";
}
document.getElementById("listeB_div").innerHTML=t+'</select>';
}
function set_URL()
{
ano = année[document.getElementById("listeA").value];
mes = mois[document.getElementById("listeB").value];
window.location.replace('http://www.cotresite.com/'+ano+'/'+mes);
}
--></SCRIPT>



// ==> dans <body>


<FORM id="monform" name="monform" onsubmit="set_URL(); return false">
<DIV><A><SELECT id=listeA onchange=changeliste() name=listeA> <OPTION value=0
selected>Choix année / Escolha ano</OPTION> <OPTION value=1>2003</OPTION>
<OPTION value=2>2004</OPTION> <OPTION value=3>2005</OPTION> <OPTION
value=4>2006</OPTION><OPTION value=5>2007</OPTION></SELECT></A><A
id=listeB_div><SELECT id=listeB name=listeB><OPTION selected>Le mois / O
mês</OPTION></SELECT></A><INPUT type=submit value=Envoyer></DIV></FORM>

Merci d'avance pour vos suggestions :smartass:

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...