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 :

[DOM] Liste liées avec ajax [Fait]


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 40
    Par défaut [DOM] Liste liées avec ajax
    Bonjour,

    Ayant besoin de listes liées pour un choix de région/département (qui ne proposerai donc que les départements de la région séléctionnée), j'ai trouvé un tutoriel.

    J'ai choisi d'utiliser la méthode avec AJAX.

    Aucun problème pour implanter ces scripts dans mon formulaire, mais une chose étrange qui me pose problème : impossible de récupérer la value du champ de département, bien que celui ci soit bien visible sur le formulaire. D'ailleurs, les modifications dues au choix d'une région ne sont pas visible sur le code source bien que la liste des département soit mise à jour sur le menu déroulant du formulaire.

    Savez vous d'où vient ce problème ? Comment récupérer cette valeur du champ département ?

    merci beaucoup !

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    essaye de récupérer le code généré , ou alors de trouver une erreur javascript

    sous firefox : une fois tes listes chargées a l'écran , fais une sélection du texte avant et après , puis click droit et code source de la sélection

    ps : ne post pas tous les départements

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 40
    Par défaut
    Code source avant sélection d'une région :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <tr>
            <td>Région <span class="text_orange">*</span></td>
     
            <td>
    		<select name="region" id="region" onchange="getDepartements(this.value);">
          		<option value="">- - - Choisissez une région - - -</option><option value="1">Alsace</option><option value="2">Aquitaine</option><option value="3">Auvergne</option><option value="4">Basse Normandie</option><option value="5">Bourgogne</option><option value="6">Bretagne</option><option value="7">Centre</option><option value="8">Champagne Ardenne</option><option value="9">Corse</option><option value="10">Franche Comte</option><option value="11">Haute Normandie</option><option value="12">Ile de France</option><option value="13">Languedoc Roussillon</option><option value="14">Limousin</option><option value="15">Lorraine</option><option value="16">Midi-Pyrénées</option><option value="17">Nord Pas de Calais</option><option value="18">P.A.C.A</option><option value="19">Pays de la Loire</option><option value="20">Picardie</option><option value="21">Poitou Charente</option><option value="22">Rhone Alpes</option></select></td>
     
    </tr>
    <tr>
          <td>Département <span class="text_orange">*</span></td>
          <td><span id="blocDepartements"></span></td>
    </tr>

    Code source après choix d'une région :

    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
     
    <tr>
           <td>Région <span class="text_orange">*</span></td>
     
           <td>
    		<select name="region" id="region" onchange="getDepartements(this.value);">
          		<option value="">- - - Choisissez une région - - -</option><option value="1">Alsace</option><option value="2">Aquitaine</option><option value="3">Auvergne</option><option value="4">Basse Normandie</option><option value="5">Bourgogne</option><option value="6">Bretagne</option><option value="7">Centre</option><option value="8">Champagne Ardenne</option><option value="9">Corse</option><option value="10">Franche Comte</option><option value="11">Haute Normandie</option><option value="12">Ile de France</option><option value="13">Languedoc Roussillon</option><option value="14">Limousin</option><option value="15">Lorraine</option><option value="16">Midi-Pyrénées</option><option value="17">Nord Pas de Calais</option><option value="18">P.A.C.A</option><option value="19">Pays de la Loire</option><option value="20">Picardie</option><option value="21">Poitou Charente</option><option value="22">Rhone Alpes</option></select></td>
     
    </tr>
    <tr>
           <td>Département <span class="text_orange">*</span></td>
           <td><span id="blocDepartements">
     
             <select name="departement" id="departement">
             <option value="19">Corrèze (19)</option>
             <option value="23">Creuse (23)</option>
             <option value="87">Haute Vienne (87)</option>
             </select></span></td>
    </tr>

    A prioris, c'est exactement ce que je voudrai obtenir, pourtant un $_POST["departement"] donne toujours un résultat vide ....

  4. #4
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    il te faut créer ta liste par le dom et non pas via le innerHTML.

    au moment ou tu récupères tes informations , remplit ta liste en dom , va lire cet article / post :

    http://www.developpez.net/forums/d53...ynamique-form/

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    40
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 40
    Par défaut
    Question bète ()
    en quoi l'utilisation du dom va-t-elle changer quelque chose ? Celà ne me dit pas pourquoi ce code source à prioris bon n'est pas pris en compte.


    Sinon, ton lien est quand même bien compliqué !
    Je suppose qu'une utilisation beaucoup plus simple du dom pourrait être utilisée. En tout cas je ne sais pas par où commencer pour comprendre ce que je suis sencé modifier pour intégrer des appels au dom ici

  6. #6
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    pour t'aider a comprendre , fais un test tout bète :

    charge un simple champs text dans une div via ajax , post ton formulaire ...

    Maintenant créer un champs text en dom , et post ton formulaire

    pour ton cas il te suffira de récupérer un tableau sous forme de hash , genre :

    {{"value":"valeur","text":"le département"}{"value":"valeur","text":"le département"}}

    et de parser coté js pour créer tes options

Discussions similaires

  1. [AJAX] Listes liées avec Ajax
    Par r3iko dans le forum AJAX
    Réponses: 1
    Dernier message: 30/06/2009, 00h19
  2. [AJAX] Listes liées avec Ajax
    Par Zak_92 dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 15/08/2007, 12h19
  3. [AJAX] Listes liées
    Par oranocha dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/02/2007, 06h59
  4. [AJAX] Listes déroulantes liées avec Ajax
    Par paupiette dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 01/08/2006, 16h51

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