begin process at 2012 05 29 13:00:24
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Divers

 > 

liste déroulante en relation avec d'autre liste déroulante


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

liste déroulante en relation avec d'autre liste déroulante

jeudi 16 juin 2005 à 14:56:37 | liste déroulante en relation avec d'autre liste déroulante

ManuAntibes

Membre Club

Salut
je voudrais faire 3 listes déroulantes.( service, personnel,  sujet)
Je souhaite pouvoir afficher des informations differentes  dans les listes déroulantes 2 et 3 ( personnel et suject) en fonction du choix de la 1ere liste déroulante(service).

voici mon code qui a plusieurs problemes.
1) Je n'arrive pas a recuperé la valeur de la liste déroulante service dans la variable Groupe (avec mon code elle est vide).

2) Lorsque je choisi un service dans la liste déroulante 1, j'ai que la liste déroulante 2 (personnel) qui se modifie, la liste 3 (sujet) ne bouge pas.
Je souhaite que la liste 3 aussi ce mette a jour?

<html>
<head>
<script language="JavaScript" type="text/JavaScript">
list_service = new Array();
list_service[1] ="Administratif";
list_service[2] ="Direction";

function modif(){
var Groupe = form1.service.value;
//var Groupe ="Administratif";
var perso=document.form1.personne;
var Suj=document.form1.sujet;
if (Groupe =="Administratif"){
perso.options[1].text="Vero1"
perso.options[2].text="Vero2"
perso.options[3].text="Vero3"
perso.options[4].text="Vero4"
perso.options[5].text="Vero5"}
if (Groupe =="Direction"){
perso.options[1].text="Christophe1"
perso.options[2].text="Christophe2"
perso.options[3].text="Christophe3"
perso.options[4].text="Christophe4"
perso.options[5].text="Christophe5"}
if (Groupe =="Administratif"){
Suj.options[1].text="bl1"
Suj.options[2].text="bl2"
Suj.options[3].text="bl3"
Suj.options[4].text="bl4"
Suj.options[5].text="bl5"}
if (Groupe =="Direction"){
Suj.options[1].text="RDV1"
Suj.options[2].text="RDV2"
Suj.options[3].text="RDV3"
Suj.options[4].text="RDV4"
Suj.options[5].text="RDV5"}
}
</script>

</head>
<body>
<form name="form1" method="post" action="">
     <select name="service" onChange="modif()">
     <option value="0">Choisir un service</option>
     <script language="JavaScript" type="text/JavaScript">
     for (a=1; a<5; a++){
     document.write('<option value="'+a+'">'+list_service[a]+'</option>');
     }
     </script>
     </select>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<strong><font color="#FF0000">Personne dans le service :</font></strong>
     <select name="personne" onChange="modif()">
    <script language="JavaScript" type="text/JavaScript">
    for (b=1; b<=5; b++){
    document.write('<option value="'+b+'">'+  +'</option>');
    }
    </script>    
    </select>     
<strong><font color="#FF0000">Sujet : </font></strong>
    <select name="sujet">
    <script language="JavaScript" type="text/JavaScript">
    for (c=1; c<=5; c++){
    document.write('<option value="'+c+'">'+  +'</option>');
    }
    </script>
    </select>
</form>
</body>
</html>

A+
MANUANTIBES

jeudi 16 juin 2005 à 16:29:35 | Re : liste déroulante en relation avec d'autre liste déroulante

hippyz

Réponse acceptée !
En fait j'avais postée une source il y a peu de temps qui aurait pu t'aider d'aprés moi.
Aprés quelque modif voici une fonction qui fonctionne trés bien, regarde donc si c'est ce que tu voulais.

function trierMenu(form,list,list1,variable)
{                                                   
    list.options.length=0;
    list1.options.length=0;
    if (variable == "administration")
    {                                      
        for(i=1;i <= 5; i++)
            {
            choix=new Option("Vero"+[i],"Vero"+[i]);
            form.perso.options[form.perso.options.length]=choix;
       
            choix=new Option("bl"+[i],"bl"+[i]);
            form.sujet.options[form.sujet.options.length]=choix;                                         
            }
    }
    else if (variable == "direction")
    {
        for(i=1;i <= 5; i++)
        {
            choix=new Option("Christophe"+[i],"Christophe"+[i]);
            form.perso.options[form.perso.options.length]=choix;
       
            choix=new Option("RDV"+[i],"RDV"+[i]);
            form.sujet.options[form.sujet.options.length]=choix;   
        } 
    }
}


jeudi 16 juin 2005 à 16:33:20 | Re : liste déroulante en relation avec d'autre liste déroulante

hippyz

Ah oui n'oubles pas de modifier le nom de formulaire etc.............


vendredi 17 juin 2005 à 10:58:54 | Re : liste déroulante en relation avec d'autre liste déroulante

ManuAntibes

Membre Club
Merci bien ca marche super

j'ai un peu modifier des trucs pour le mettre a ma sauce, mais super !!!

par contre j'ai cette repetition :

            choix=new Option("Veronique");
            form1.perso.options[form1.perso.options.length]=choix;

            choix=new Option("David");
            form1.perso.options[form1.perso.options.length]=choix;

            choix=new Option("demande de bon de livraison");
            form1.sujet.options[form1.sujet.options.length]=)=choix;
                                       
            choix=new Option("Demande de facture");
            form1.sujet.options[form1.sujet.options.length]=choix;

As tu une solution pour l'eviter ?

MANUANTIBES
vendredi 17 juin 2005 à 11:09:04 | Re : liste déroulante en relation avec d'autre liste déroulante

hippyz

Comment ça tu as cette répétition je ne comprends pas, tu veux dire que tout ça se cumule dans le même select ???
vendredi 17 juin 2005 à 14:57:50 | Re : liste déroulante en relation avec d'autre liste déroulante

ManuAntibes

Membre Club
bien oui j'ai modifier ton code pour etre plus en adequation avec mon projet

j'ai repris ton code mais j'ai supprimé les for


function trierMenu()
{                                                   
   form1.perso.options.length=0;
    form1.sujet.options.length=0; 
 Groupe=form1.Service.value;
    if (Groupe == "1")
    {  
   choix=new Option("Veronique");
            form1.perso.options[form1.perso.options.length]=choix;
         choix=new Option("David");
            form1.perso.options[form1.perso.options.length]=choix;
            choix=new Option("Edition d'un bon de livraison");
            form1.sujet.options[form1.sujet.options.length]=choix;                                         
            choix=new Option("Edition d'une facture");
            form1.sujet.options[form1.sujet.options.length]=choix;          
    }
     if (Groupe == "2")
    {  
   choix=new Option("Christophe");
            form1.perso.options[form1.perso.options.length]=choix;
         choix=new Option("Zorane");
            form1.perso.options[form1.perso.options.length]=choix;
            choix=new Option("Visite au restaurant");
            form1.sujet.options[form1.sujet.options.length]=choix;                                         
            choix=new Option("demande de facturation");
            form1.sujet.options[form1.sujet.options.length]=choix;          
    }
}


Comprends tu mieux ??

MANUANTIBES


Cette discussion est classée dans : text, perso, service, options, suj


Répondre à ce message

Sujets en rapport avec ce message

Lien ! [ par fa0007 ] Voilà j'ai fini par réussire mes deux listes déroulantes... mais je l'arrive pas à faire de liens sur la deuxième voici mon code : function Choix(f liste deroulantes dynamiques m'envoie pas donnée [ par bounounours ] bonjour, je reçoit toutes les données de mon formulaire sauf "liste" qui est le resultat des choix faits dans les listes deroulantes dynamiques, pourt Je m'énerveu contreu Internet Exploreur . Fonction qui marcheu pas [ par tynmar ] Bonjour tou l'monde J'ai une fonction qui est bien et qui me sert à valider un formulaire. Prenons depuis le début afin que vous compreniez bien Je Liste déroulante [ par piep14 ] Bonjour, j'essais de faire une newsletter pour mon site ! J'ai fait une liste déroulante qui contient les adresses emails. Form Text (input) et onChange [ par sebalex ] Salut à tous,J'ai plusieurs champs dans un tableau dans lesquels les visiteurs peuvent indiquer une quantité X.En fin de tableau, j'ai un forme "total scrolle image [ par renouveaux ] Salut a tous, j'ai un souci et j'ai besoin d'aide. Voila quelqu'un ma aidé a crée un site sous photoshop, seulement il ne savait pas decouper une imag bouton et affichage d'un fcichier text HELP [ par dxh_master ] bonjour. je suis un débutan ET jai un problème!!! je voudrais créer un bouton qu'une fois clicker il affiche un fichier text  dans la page. sans chang Calendrier- agenda modifiable [ par xaver ] Bonjourje suis à la recherche d'un script pour obtenir un agenda-calendrier de même design que l'agenda perpétuel  mais avec l'option que quand on pas createTextRange toujours a undefined [ par RMOINAS ] Salut don cvoilà j'exepose mon probleme j'ai pris un code pour mettre du bbcode dans un site apres quelque modification du code pour le rendre comptab Cadre minimiser [ par Nexto ] Bonjour :)     Vous savez pas où je peux trouver un script qui fait genre une table () ou il y a un titre et une image minimiser et juste en dessou o


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,671 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales