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 :

Faire apparaître des cases à cocher en fonction du choix dans une liste deroulante


Sujet :

JavaScript

  1. #1
    Membre habitué
    Homme Profil pro
    Inscrit en
    Août 2010
    Messages
    1 015
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 1 015
    Points : 182
    Points
    182
    Par défaut Faire apparaître des cases à cocher en fonction du choix dans une liste deroulante
    Bonjour,

    J'ai une liste déroulante que j'ai fais avec <select> et qui va chercher des données (ville) dans ma base de données.

    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
    <select name="ville" action="" style="width:230px">
     
    												<option value=0>Choisir sa ville</option>
     
    												<?php
     
                                                                                                    $sql = "select * from ville order by nom";
                                                                                                    $rep = mysql_query("$sql") ;
     
                                                                                                    while($donnees = mysql_fetch_assoc($rep))
     
                                                                                                    {
     
                                                                                                    echo "<option value='".$donnees['nom']."'>".$donnees['nom']."</option>";
     
                                                                                                    }
     
                                                                                                    ?>
    										</select>
    Je souhaites que lorsque l'on clique sur Bordeaux, il m'affiche des cases à cochers.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="checkbox" name="dossier" id="Ecriture" /> <label for="Dossier">Dossier</label>
    Mais je ne sais pas comment faire...si quelqu'un pouvait m'aider, merci

  2. #2
    Membre habitué
    Homme Profil pro
    Inscrit en
    Août 2010
    Messages
    1 015
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 1 015
    Points : 182
    Points
    182
    Par défaut Faire apparaître des cases à cocher en fonction du choix dans une liste deroulante
    J'ai une piste mais je sais pas trop....


    et j'ai pas vraiment compris le fonctionnement de ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onchange="windows.location.href=this.options [this.selectedIndex].value"

  3. #3
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    il faudrait être plus clair dans ta demande, et dans tes explications.

    De ce que tu dis, ça concerne JavaScript.
    (éventuellement Ajax/PHP, mais tu n'as rien précisé ni montré dans ce sens...)

  4. #4
    Membre habitué
    Homme Profil pro
    Inscrit en
    Août 2010
    Messages
    1 015
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 1 015
    Points : 182
    Points
    182
    Par défaut Faire apparaître des cases à cocher en fonction du choix dans une liste deroulante
    J'ai une liste déroulante avec le nom de plusieurs ville.
    Lorsque je fais le choix d'une ville dans ma liste déroulante.
    Par exemple Bordeaux, j'aimerais qu'apparaissent des cases à cochers en dessous.

  5. #5
    Invité
    Invité(e)
    Par défaut
    Là, tu ne fais que recopier ce que tu as déjà écrit....
    Ca n'apporte rien...

    1/ Le select :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <select name="ville" onchange="affiche_case_a_cocher(this.value);" style="width:230px">
      <option....>...</option>
      <option....>...</option>
    ...
    </select>
    2/ Les cases à cocher
    dont on ne sait toujours RIEN :
    • "lequelles afficher selon quel choix/critère ?"
    • "Elles sont déjà présentes dans le formulaire...
    • ...ou il faut les créer ? (Ajax ?...)"
    • .........


    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div id="lesCases" style="display:none;"> <!-- masqué par défaut -->
    ....................
    </div>
    3/ Le JavaScript
    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <script>
    function affiche_case_a_cocher( ville )
    {
      var lesCases = document.getElementById('lesCases');
       if(ville == 'Bordeaux')
      {
         lesCases.css.display = 'block';
      } else {
         lesCases.css.display = 'none';
      }
    }
    </script>




    Je transfère dans le forum JavaScript...
    Dernière modification par Invité ; 24/01/2017 à 14h34.

  6. #6
    Membre habitué
    Homme Profil pro
    Inscrit en
    Août 2010
    Messages
    1 015
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 1 015
    Points : 182
    Points
    182
    Par défaut Faire apparaître des cases à cocher en fonction du choix dans une liste deroulante
    J'aimerais faire le maximum de chose en php et pour les cases à cocher, ce sera du genre, activités sportives, foot une case oui, une autre case non, tennis une case oui, une case non...etc...

  7. #7
    Invité
    Invité(e)
    Par défaut
    foot, tennis,...

    QUEL rapport avec le choix de ville ??

    Si tu ne sais pas en dire plus, on ne risque pas de t'aider !
    Ni même te dire si ça se fait en PHP, ou en JavaScript, ou en PHP/Ajax/JS, ou...... avec des cartes perforées,...

    AVANT de CODER, il faut REFLECHIR pour BIEN CONCEVOIR.

    N.B. Pour T'AIDER (toi-même) : pars d'un EXEMPLE CONCRET :
    • telle ville (Bordeaux) -> telles cases à afficher
    • telle autre ville (Lille) -> telles (autres ?) cases à afficher

    Et c'est tout.


    A lire :

    Dernière modification par Invité ; 24/01/2017 à 15h54.

  8. #8
    Membre habitué
    Homme Profil pro
    Inscrit en
    Août 2010
    Messages
    1 015
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 1 015
    Points : 182
    Points
    182
    Par défaut Faire apparaître des cases à cocher en fonction du choix dans une liste deroulante
    Il y a des activités sportives dans certaines villes et pas dans d'autres....

  9. #9
    Invité
    Invité(e)
    Par défaut
    Merci !

    Bon courage...

  10. #10
    Membre habitué
    Homme Profil pro
    Inscrit en
    Août 2010
    Messages
    1 015
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 1 015
    Points : 182
    Points
    182
    Par défaut Faire apparaître des cases à cocher en fonction du choix dans une liste deroulante
    Merci à vous pour votre aide.

    Et pour ceux que cela intéresse, j'ai fais d'une autre façon plus simple...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <select name="ville" action="" onchange="javascript:submit(this)">
    et après une condition php if (ville=="bordeaux").

  11. #11
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 059
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 059
    Points : 44 584
    Points
    44 584
    Par défaut
    Bonjour,
    au passage onchange="javascript:submit(this)">, le onchange attend une action javascript, donc inutile de le spécifier onchange="submit(this)" suffit.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Faire apparaître des cases à cocher cachées
    Par daydream123 dans le forum JSF
    Réponses: 14
    Dernier message: 22/01/2015, 16h55
  2. Réponses: 2
    Dernier message: 22/02/2012, 01h03
  3. [AJAX] renseigner des input selon choix dans une liste deroulante
    Par abconcept dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 28/02/2009, 15h06
  4. Réponses: 3
    Dernier message: 10/10/2007, 12h43

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