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 :

Affichage selon sélection liste déroulante sans recharger la page


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Avril 2010
    Messages
    71
    Détails du profil
    Informations forums :
    Inscription : Avril 2010
    Messages : 71
    Par défaut Affichage selon sélection liste déroulante sans recharger la page
    Bonjour à tous,

    j'ai une liste déroulante qui contient les départements, je voudrais que dans le formulaire dans un input, je puisse rentrer une ville (en autocomplete que j'ai déjà fait) mais en fonction du choix de la liste déroulante même lorsque l'utilisateur change de département.
    Il faut appeler je crois ce changement en Javascript ou Ajax ?

    Le hearder.php contient la liste déroulante département comme ceci :

    Code html : 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
    <select name="id_departement" class="form-control mb-2" id="region" onChange="getVilles(this.value);">
             <option value="">- - - Choisissez un d&eacute;partement - - -</option>
           <?php
                              foreach($departements as $nr => $nom)
        {
               ?>
               <option value="<?= $nr;?>"<?php
              } 
     
        ?>><?= utf8_encode($nom); ?></option><?php }  
            echo'</select>';
             }
    //ici je voudrais afficher le input en fonction du choix du département même si l'utilisateur change
    ?>
    <div class="input_container">
                        <input type="text" id="country_id" onkeyup="autocomplet()">
                        <ul id="country_list_id"></ul>
                    </div>

    Le fichier d'autocomplete qui affiche le résultat dans <ul id="country_list_id"></ul> indiqué au-dessus.
    Si je change de département mon autocomplete reste sur le dernier département sélectionné.

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <?php $keyword = '%'.$_POST['keyword'].'%';
    $sql = "SELECT id_ville, ville, cp FROM ville WHERE ville LIKE (:keyword) and id_departement = ". $idd ." LIMIT 0, 8";
    $query = $pdo->prepare($sql);
    $query->bindParam(':keyword', $keyword, PDO::PARAM_STR);
    $query->execute();
    $list = $query->fetchAll();
    foreach ($list as $rs) {
      // put in bold the written text
      $ville = str_replace($_POST['keyword'], '<b>'.$_POST['keyword'].'</b>', $rs['ville']);
      // add new option
        echo '<li onclick="set_item(\''.str_replace("'", "\'", $rs['ville']).'\')">'.$ville.'</li>';
      } ?>

    Merci de votre aide

  2. #2
    Modérateur

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

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour,
    Que fait vraiment ta fonction getVilles(), il initie une liste ?
    Il semblerait que cela soit à ta fonction autocomplet() de prendre en compte le département avant la recherche des villes correspondantes.

Discussions similaires

  1. [AC-2010] Calcul SF selon affichage dynamique de liste déroulante
    Par Elrathe dans le forum IHM
    Réponses: 1
    Dernier message: 12/01/2017, 12h04
  2. Réponses: 12
    Dernier message: 12/09/2007, 16h28
  3. Sélection liste déroulante puis affichage de text box
    Par dolu007 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 11/11/2006, 00h03
  4. Liste déroulante sans valeur par défaut ?
    Par magic8392 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 22/02/2005, 16h59
  5. Pb d'affichage apres une liste déroulante
    Par loic.440 dans le forum ASP
    Réponses: 13
    Dernier message: 19/01/2005, 14h28

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