Formulaire dynamique

Fermé
yupono10 Messages postés 170 Date d'inscription dimanche 13 décembre 2009 Statut Membre Dernière intervention 4 août 2010 - 14 juin 2010 à 00:05
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 14 juin 2010 à 11:05
Bonjour,
j'aimerai créer sur mon site web un formulaire dit dynamique,c'est à dire:
la personne selection sont pays,exemple canada,
âprés,toute les région du canada s'affiche
exemple:
_______
Quelle est votre pays:|Canada|
------------
______
Quelle est votre région: |Québec|
-----------
comme sa,la personne ne vera que les régions du canada et non ceut de la france ou des états.
Merci de vos réponse,
yupono10

4 réponses

Templier Nocturne Messages postés 7734 Date d'inscription jeudi 22 janvier 2009 Statut Membre Dernière intervention 21 mai 2016 1 101
14 juin 2010 à 00:48
il te faut faire ça en javascript et taper toutes les régions à la main ;)
0
lezao Messages postés 469 Date d'inscription dimanche 13 juin 2010 Statut Membre Dernière intervention 14 août 2016 36
Modifié par lezao le 14/06/2010 à 00:53
ou alors tu trouves un site qu'il le fait , tu fais clique droit, afficher la source et tu lui pique le taf.... lol
lezao : quand tu sais pas , tu me demandes je sais tout....non je déconne...presque tout.
0
yupono10 Messages postés 170 Date d'inscription dimanche 13 décembre 2009 Statut Membre Dernière intervention 4 août 2010 15
14 juin 2010 à 00:54
Merci ;)
yupono10
0
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
14 juin 2010 à 11:05
Donne un ID pour chaque liste des régions, et masque-le en CSS

Par exemple :
<div id="regions">
    <select name="region" id="regions_france" class="invisible">
        ...
      </select>

      <select name="region" id="regions_canada">
          ...
      </selet>

      ...
</div>
Dans le CSS :
.invisible { display: none; }

La liste déroulante des pays :
<select name="pays" id="pays">
    <option value="">Votre pays :</option>
    <option value="france">France</option>
    <option value="canada">Canada</option>
    ...
</select>
Et le JS :
<script type="text/javascript">
window.onload = function() {
    document.getElementById('pays').onchange = function() {
        /* On masque tout */
        var listes = document.getElementById('regions').getElementsByTagName('select');
        for(i = 0 ; i < listes.length ; i++) {
            listes[i].style.display = 'none';
        }

        /* On affiche la bonne liste */
        var liste = document.getElementById('regions_' + this.value);
        if(typeof(liste) !== "undefined") {
            liste.style.display = 'inline';
        }
    }
};
</script>
Je viens de coder ça rapidement, je n'ai pas testé, il pourrait y avoir quelques fautes de frappe.
0