Menu déroulant activation apres un choix

kaizen17 Messages postés 87 Statut Membre -  
kaizen17 Messages postés 87 Statut Membre -
Bonjour,

je m'explique serait il possible de que l'activation de mon formulaire soit comme celui la: https://www.restoclub.fr/

une fois qu'on a selectionner la région, les second s'active ( departement ) et ensuite les villes ( troisieme)

si quelqu'un peut m'aider au moins sur ce problème, ça serait sympa

mon code sur mon site test http://www.le-bottin-gourmand.fr/#
<div id="destinationblock">
<form method="post" action="form2mail.php">
<h1>Recherchez Un Commerçant</h1>
<p>
<label for="destination" id="destination"><p>Selectionnez une ville <em>(ou un village )</em></p></label>
</br>
<select name="destination" id="destination">
<option value="">Alenya</option>
<option value="">Amélie Les Bians Palalda</option>
<option value="">Angoustrine Villeneuve Des Escaldes</option>
<option value="">Ansignan</option>
<option value="">Argeles Sur Mer</option>
<option value="">Arles Sur Tech</option>
<option value="">Banyuls Dels Aspres</option>
<option value="">Banyuls Sur Mer</option>
<option value="">Belesta</option>
<option value="">Bolquere</option>
<option value="">Boule D Amont</option><option value="">22</option>
<option value="">Bouleternere</option><option value="">22</option>
<option value="">Bourg Madame</option>
</select>
</div>
A voir également:

6 réponses

kaizen17 Messages postés 87 Statut Membre 23
 
vraiment personne ? ^^
0
Tomyum
 
Il va te falloir beaucoup de patience si tu veux faire la même chose:

Je tente de t'expliquer en m'inspirant de ton code :

<select name="destination" id="destination">
<option value="">Alenya</option>
<option value="">Amélie Les Bians Palalda</option>
<option value="">Angoustrine Villeneuve Des Escaldes</option>
<option value="">Ansignan</option> 
...
</select>


et tu vas modifier comme ceci :

<select name="destination" id="destination" OnChange="if ( this.value == 'a' ) { document.getElementById('alenya').style.display='InLine'; }
if (this.value == 'b') {document.getElementById('amelie').style.display='InLIne';} else { document.getElementById('').style.display='none'; }">
<option value="">Choisissez une ville</option>
<option value="a">Alenya</option>
<option value="b">Amélie Les Bians Palalda</option>
</select>
<br/>
<div id='alenya' STYLE='display: none;'>
<select name='commercantalenya'>
<option value='choix1'>Choix 1</option>
<option value='choix2'>Choix 2</option>
<option value='choix3'>Choix 3</option>
</select>
</div>
<br/>
<div id='amelie' STYLE='display: none;'>
<select name='commercantamelie'>
<option value='choixA'>Choix A</option>
<option value='choixB'>Choix B</option>
<option value='choixC'>Choix C</option>
</select>
</div>



En esperant que ça puisse t'aider.
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Tu devras utiliser AJAX.
Lis les deux premiers chapitres de ce tutoriel.
Après, tu pourras t'aider de cet exemple.
0
kaizen17 Messages postés 87 Statut Membre 23
 
la simplicité du premier code, me convient même si ce n'est pas exactement ce que je veut, j'ai laisser le code activé sur mon site http://www.le-bottin-gourmand.fr/index.html et voila le site modele^^ https://www.restoclub.fr/

quand à l'ajax, va vraiment falloir que je mette au php et après a l'ajax, car pour le moment je n'arrive même pas a uploader une image sur mon site via tout les liens exemple ( https://www.commentcamarche.net/faq/889-php-upload-de-fichiers ), je dois avoir un problème de dossier temporaire ou de direction ( vivement que je commence ma formation pour y voir plus clair !!!)

en plus le code est fractionner, moi j'ai besoin d'un code complet avec expliquation ( je sais, c'est chiant, mais c'est pour comprendre ) et il me faut surtout les valeurs a changer.

et oui car parfois je ne sais pas quel valeurs doit rester par défaut et quel valeurs doit être changer.

bon c'est pas gagner
m'en vais reprendre mes cours de php j'en suis au début.

merci quand même.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
JessayeDeTrouver Messages postés 300 Statut Membre 47
 
là je n'est rien a faire, donne mois les listes déroulantes complètes, ainsi que leurs relations, je te sort le code complet
0
kaizen17 Messages postés 87 Statut Membre 23
 
bonsoir et merci de votre aide, il faudrait deux liste la premiere comporte les communes, je finirais de remplir les autres ( pres de 200) et la seconde les metiers, donc il faudrait par exemple que quand je clic sur la premiere commune ( Alenya ) que la seconde liste s'active (boucher/traiteur) et que chaque choix ouvre une page bien spécifique ( peut être voir le code avion pour arriver à un lien )
https://forums.commentcamarche.net/forum/affich-15881389-comment-faire-un-lien-sur-un-menu-deroulant#9

<div id="destinationblock">
<form method="post" action="form2mail.php">
<h1>Recherchez Un Commerçant</h1>
<p>
<label for="destination" id="destination"><p>Selectionnez une ville <em>(ou un village )</em></p></label>
</br>
<select name="destination" id="destination">
<option value="">Alenya</option>
<option value="">Amélie Les Bians Palalda</option>
<option value="">Angoustrine Villeneuve Des Escaldes</option>
<option value="">Ansignan</option>
<option value="">Argeles Sur Mer</option>
<option value="">Arles Sur Tech</option>
<option value="">Banyuls Dels Aspres</option>
<option value="">Banyuls Sur Mer</option>
<option value="">Belesta</option>
<option value="">Bolquere</option>
<option value="">Boule D Amont</option><option value="">22</option>
<option value="">Bouleternere</option><option value="">22</option>
<option value="">Bourg Madame</option>
</select>
</div>
______________________________________________________________
lect name="destination" id="destination">
<option value="">BOUCHER/TRAITEUR</option>
<option value="">BISTRO/BRASSERIE</option>
<option value="">PIZZERIA</option>
<option value="">RESTAURANT</option>
<option value="">RESTAURANT/HOTEL</option>
_______________________________________________________________

dans tout les cas merci par avance.
0