Aller au contenu

nazdak

Membre
 Afficher le profil  Parcourir son contenu

  • Compteur de contenus

    1

  • Inscrit(e) le

  • Dernière visite

 Type de contenu 

Messages postés par nazdak

    3 menu deroulants dépendant en javascript

    dans AjaX et JavaScript

    Posté

    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:

×
×
  • Créer...