Listes déroulantes reliées entre elles en Javascript

[@GeorgeBander]

Bonjour cher professeur ! Il n'est pas aisé de ne pas avoir Javascript, vous faites de si beau tuto et très intéressant ! Je ne peux donc que regarder et m'inspirer de ce que vous offrez ! C'est très intéressant...! Je vous souhaite une bonne continuation et attendrai la suite...qui je sais d'avance vont m'enchanter ! Bonne soirée cher professeur, et merci pour tous ce joli (est certainement contraignant parfois, ...)travail que vous nous apporter !

Bonjour mon Cher Gérard, heureux d'avoir un retour de votre part sur un Tuto Javascript que vous appréciez qui plus est. J'en suis particulièrement ravi, et c'est une récompense pour moi. Alors je vous en remercie infiniment et vous souhaite une excellente soirée.

Au fait mon Cher Gérard, en relisant votre message, je me dis qu'une information essentielle est à préciser : Tout le monde a Javascript. Le code se réalise dans un bloc note et c'est ensuite le navigateur quel qu'il soit (Chrome, FireFox, Opera, Edge) qui l'interprète. Aucun logiciel spécifique n'est nécessaire, ce qui double l'intérêt. On parle d'Open Source. Très bonne soirée à vous.

[@JuanVanSteyvoort]

Merci pour cette excellente vidéo : très simple, très claire (surtout avec vos commentaires) et vraiment pratique. Du très beau boulot... Encore un très grand merci. :-) From Brussels, with Love...

Je suis très flatté cher Monsieur. Je vous remercie pour ces mots fort agréables.

[@bernardb.declaracdheigne4861]

Je suis assez nouveau chez vous. Bravo pour votre pédagogie et vos explications claires.

Bonjour Bernard, c'est très gentil et je vous remercie pour ce message.

[@bernardb.declaracdheigne4861]

Comment puis-je vous aider, d'une manière ou d'une autre ?

Vous l'avez déjà fait Bernard en contribuant de la sorte par un retour fort agréable.

[@tiggercobra]

Merci et bravo pour votre professionnalisme. je vous souhaite beaucoup de succès

C'est très gentil à vous, je vous remercie infiniment

[@elodieramahandrinoro1865]

bonjour et merci. Explication très claire et très riche

C'est un plaisir Elodie. Merci beaucoup pour ce message en retour.

[@larissakengne5452]

merci bcp pour ta video

Avec plaisir Larissa. Merci à vous pour ce message.

[@jeannepelle5827]

Bonjour, Merci pour cette vidéo, c’était très clair. J’ai seulement une question : j’aimerai que la deuxième liste déroulante (pour le choix de la ville) soit visible avant d’avoir choisi le département, mais je n’y arrive pas, comment dois-je m’y prendre ? Merci

Bonjour Jeanne. Je vous remercie pour votre intérêt. En effet dans ce cas, la première liste est construite en dur dans la page par balises HTML. La seconde est construite a posteriori par le code Javascript à réception du choix utilisateur par la première liste. Si vous souhaitez que la seconde soit visible d'entrée de jeu, vous devez l'insérer par balises HTML, dans le calque (div) d'identifiant calque_ville. Rien ne vous empêche de la remplacer ensuite par le code Javascript dès que des changements sont opérés dans la première.

[@jeanneab5901]

Bonjour professeur merci pour ce tutoriel. moi je fais la mise a jour de mes listes a partir de ma base de données. du coup j'arrive pas à afficher les villes correspondant seulement au choix effectué. ma seconde liste affiche toutes les villes de la base de données. J'ai besion de votre aide. merci d'avance.

Bonjour Jeanne, cette formation exploite un code client Javascript. Je proposerai bientôt la solution dynamique en PHP. Mais ce que vous devez faire est simple. A réception des données depuis la base de données, vous devez réécrire ce fichier de script par le code Php, selon la syntaxe qui est proposée dans cette formation. Et tout fonctionnera parfaitement. Je livrerai l'exemple par le code quand j'aurai monté cette formation en PHP.

[@jeanneab5901]

ok merci professeur

Je vous en prie Jeanne

[@romlef526]

Bonjour et merci :)

Bonjour Rom Lef, avec plaisir comme toujours.

[@allassaneboubacardiallo2105]

Bonjour Professeur Rossetti, je suis Allassane DIALLO, je suis débutant en javascript j'ai regardé le tutoriel sur Listes déroulantes reliées entre elles en Javascript et je voudrai vous demandez, sur la page html la colonne droite, les villes qu'on choisit c'est possible après chaque choix les inséré dans la base de donnée soit à partir de javascript ou à partir de la page html si on change la page html en php?

Bonjour Allassane DIALLO et merci pour votre message. Oui c'est possible de les insérer mais en PHP car le Javascript est un code qui s'exécute sur la machine du client (De l'internaute). Le code PHP qui lui s'exécute sur le serveur, doit récupérer les données traitées par le code Javascript pour les insérer en base de données MySql par exemple. C'est une formation que je proposerai dans quelques temps, car bientôt je monterai les formations en PHP.

[@allassaneboubacardiallo2105]

Merci beaucoup Professeur Rossetti, c'est compris je vais attendre la formation PHP et merci encore j'arrive vraiment à vous suivre et je comprends bien la formation.

C'est très gentil à vous, merci pour ce témoignage.

[@alexisdupont4957]

bonjour, j'ai une liste à créer qui dépend de ma 2eme mais je n'arrive pas à comprendre comment la faire.

Bonjour Alexis, c'est précisément ce que propose cette formation. Je vous suggère le pas à pas détaillé qui fournit toutes les explications et le code pour mieux vous guider : www.bonbache.fr/listes-deroulantes-reliees-entre-elles-en-javascript-246.html. En l'absence d'imbrication avec un code PHP, il est nécessaire de prévoir les choix possibles dans un script externe, comme ici.

[@alexisdupont4957]

ma question et comment je fait la 3eme car la 2eme et faite et fonctionne mais je ne comprend pas pour realiser la 3eme qui depend du choix de la 2eme

[@alexisdupont4957]

j'aurais au final 433 possibilité différente

Le principe est le même. Le choix dans la deuxième doit déclencher un code Javascript capable de récupérer la bonne énumération, selon la condition passée en paramètre (Choix dans la liste) depuis un script externe à prévoir,.

[@alexisdupont4957]

ok mais du coup on ce base sur ça pour la 2eme mais on ne déclare pas de value dans le cas de la 2 eme pour la 3eme

[@antoinel3846]

Bonjour Monsieur Rossetti j'ai plusieurs questions a vous poser. Tout d'abord j'aimerais savoir si il est possible de faire une troisième liste déroulante qui est en fonction de la deuxième liste qui elle même comme dans cette vidéo dépend de la première. J'aimerais savoir aussi si je pouvais griser des cases (les rendre indisponibles) sur un datepicker avec UiJquery en fonction des choix sur les listes ( mon sujet correspond à un système de calendrier de réservation en fonction des choix des cours). Exemple ci-dessous : (www.4pk.fr/reservations/) -> Je doit réaliser ce système par moi même , l'exemple donné est un outil payant. Merci d'avance pour votre réponse.

Bonjour Apro -ze, il faut que je regarde cela de plus près. J'avoue avoir peu de temps en ce moment. Mais sachant que les propriétés des contrôles Html peuvent se gérer en Javascript, je veux parler des cases à cocher, je pense qu'il n'est pas nécessaire de passer par le JQuery. Concernant la troisième liste déroulante, bien sûr, le processus reste le même mais il faudrait prévoir un code serveur capable de fournir toutes les combinaisons de script possibles en amont, comme proposé dans cette formation. Ainsi le Javascript n'a plus qu'à se servir en passant les paramètres. Lorsque j'aborderai le PHP, je proposerai ce type de cas.

[@antoinel3846]

Je n'ai pas très bien compris le système de cases à cocher dans votre réponse mon cas est un système de date (via un calendrier) que j'aimerais rendre impossible à cliquer. Exemple : Je sélectionne un cours pour les débutants disponible seulement le mardi et lorsque suite à cette sélection (du cours et du niveau) est choisi, le calendrier me met toutes les cases grisées du calendrier sauf le mardi (qui lui est cliquable pour le sélectionner). Merci d'avoir prit du temps pour me répondre je me suis abonné à votre chaîne et sinon les tutos sont très clair et très bien expliqué :)

Merci pour vos encouragements. Pour un système de calendrier pilotable, je pense en effet qu'il faut envisager le JQuery. Je ne propose pas encore les formations et solutions à ce sujet mais ça viendra. Bonne journée à vous.

[@antoinel3846]

Très bien :) Merci vous de même.

[@frogeregis]

Merci BCP

Bonjour François, merci à vous pour ce retour.

[@rabahghouti7070]

شكرا على هذا الفيديو الرائع

Je vous en prie, merci à vous pour ce message.

[@cedricktshibangu2955]

bonjour, suite a une vidéo que vous avez posté en 2018: Listes déroulantes reliées entre elles en Javascript je me permet de revenir ver vous... Tout d'abord, merci du proféssionnalisme de vos viédo.. Peu de gens , voir personne arrive à être aussi claire que vous l'êtes. voila mon problème: j'aimerai affficher des pdf en fonction d'une liste deroulant. c'est pour quoi votre vidéo youtub ma bcp aidé. mais il mest impossible de récupéré la "value" de la selection de la 2eme liste déroulante... voici mon code: function choix_cours(){ var info = document.getElementById("cours").value; var le_cours = info.substr(0,2); if(info!="choix"){ //alert("Veuillez BIEN LIRE les modalité pour se cours !"); document.getElementById("information_cours").innerHTML = ""; tab_niveau = choix_niveau(le_cours).split('|'); nb_niveau = tab_niveau.length; chaine_niveau = ""; chaine_niveau += "Sélectionnez un niveau"; for(defil=0;defil

Bonjour Monsieur et merci infiniment pour votre message. Faute de temps je n'aurai malheureusement pas le temps de me plonger sérieusement dans votre code et j'en suis sincèrement désolé. C'est dans tous les cas la méthode getElementById de l'objet document qui permet d'accéder aux propriétés de l'objet passé en paramètre. Donc votre problème doit venir d'ailleurs. Quelle est cette méthode slice que vous appliquez sur la variable valueniveau ?