IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Listes deroulantes liées


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Inscrit en
    Septembre 2008
    Messages
    78
    Détails du profil
    Informations forums :
    Inscription : Septembre 2008
    Messages : 78
    Par défaut Listes deroulantes liées
    Bonjours,j'ai besoin de faire 2 listes déroulantes liées,pour ce faire j'ai utilisé le code suivant:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    <script language="javascript">
     
    function Choix(form) {
    i = form.type.selectedIndex;
    if (i == 0) {
      return;
      }
    switch (i) {
    case 1 : var txt = new Array ('Direction 1','Direction 2','Direction 3'); break;
    case 2 : var txt = new Array ('Division 1','Div2','Div3'); break;
    case 3 : var txt = new Array ('Service1','Service2','serv3'); break;
    }
    form.type.selectedIndex = 0;
    for (i=0;i<3;i++) {
      form.affec.options[i+1].text=txt[i];
      }
    } 
    </script>
      </head>
     
      <body>
      <form name="form">
        <SELECT NAME="type" onChange='Choix(this.form)'>
    <OPTION>-- Choisissez un type ---</OPTION>
    <OPTION>Direction</OPTION>
    <OPTION>Division</OPTION>
    <OPTION>Service</OPTION>
    </SELECT>
     
    <SELECT NAME="affec">
    <OPTION>-- Choisissez une affectation ---</OPTION>
    <OPTION></OPTION>
    <OPTION></OPTION>
    <OPTION></OPTION>
     
    </SELECT>
    </form>
    mais le probleme c'est que ,avec ce code,il faut que tous les types ont le meme nombre d'options,qui est exactement égal à 3,or ce n'est pas le cas.Alors comment avoir un select dynamique qui s'agrandit selon le nombre d'options ??
    merci beaucoup pour votre aide

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Bonjour,
    avant d'ouvrir cette discussion, as-tu pris le temps de faire un tour ICI ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. 2 liste deroulante liées
    Par zaynabe dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 06/05/2008, 09h06
  2. Liste deroulante liée
    Par monphp dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 28/05/2007, 14h05
  3. deux listes deroulantes liées
    Par skanderb dans le forum JSF
    Réponses: 10
    Dernier message: 21/05/2007, 18h10
  4. Deux listes deroulantes liées entre elles
    Par killerhertz dans le forum ASP
    Réponses: 4
    Dernier message: 16/07/2006, 22h43
  5. [AJAX] listes deroulantes liées x3
    Par Tempotpo dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 20/04/2006, 16h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo