Salut tout le monde
Niveau JavaScript 1/10 ^^
J'ai réussi à pondre un code "que je comprend" mais le problème c'est qu'au rechargement de la page il ne prend pas en compte les variations de input type select et du coup mon formulaire à l'air de...Bha de rien en fait...ce que j'aimerai c'est placer un "ecouteur" ou alors une fonction par defaut qui se declencherai au moment du chargement de la page.
Voilà un petit bout d'html:
Voilà un peu petit bout de JS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <select name="demarche" id="demarche" > <option value="titulaire">Changement de titulaire</option> <option value="domicile">Changement de domicile</option> <option value="matrimonial">Changement de statut matrimonial</option> <option value="duplicata">Demande de duplicata</option> <option value="neuf">Véhicule neuf</option> </select>
Tout marche très bien mais au chargement de la page toute mes div sont "apparentes".
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
20
21
22
23
24
25
26
27
28 // Id de mon select var demarche = document.getElementById('demarche'); // toutes mes div/input (tout marche impecable ) var cache1 = document.getElementById('cache1'); var cache2 = document.getElementById('cache2'); var cache3 = document.getElementById('cache3'); var cache4 = document.getElementById('cache4'); var cache5 = document.getElementById('cache5'); var cache6 = document.getElementById('cache6'); var cache7 = document.getElementById('cache7'); var cache8 = document.getElementById('cache8'); var cache9 = document.getElementById('cache9'); // un des champ parmi la dizaine // Changement de titulaire 3 demarche.addEventListener('change', function(){ if (demarche.options[demarche.selectedIndex].value == "titulaire"){ cache1.hidden = false; cache2.hidden = false; cache3.hidden = true; cache4.hidden = false; cache5.hidden = false; cache6.hidden = false; cache7.hidden = false; cache8.hidden = false; cache9.hidden = true; } });
Je suppose qu'un bon vieux <body onload()> devrait faire l'affaire mais je ne sais pas encore comment l'utiliser correctement...
Merci![]()
Partager