Appel de zone de texte selon un choix dans une liste déroulante

Fermé
Freefun45 Messages postés 2 Date d'inscription jeudi 18 mai 2017 Statut Membre Dernière intervention 19 mai 2017 - 18 mai 2017 à 16:21
Felice_ Messages postés 265 Date d'inscription mardi 25 avril 2017 Statut Membre Dernière intervention 20 juillet 2017 - 19 mai 2017 à 09:35
Bonjour,
j'aurais besoin d'aide en code JavaScript pour un formulaire PDF.
J'aimerais qu'une zone de texte nommée "fldZone1" apparaisse lorsque je fait un certain choix dans une liste déroulante nommée "fldListe" et qu'elle se cache lorsqu'il n'est pas sélectionné. Ce code serait applicable à une zone de texte qui est associé à un choix à chaque fois bien entendu mais un seul exemple m'aiderais déjà grandement...
Je précise que je n'ai absolument aucune connaissance en JavaScript ^^
Merci d'avance.

Cordialement

1 réponse

Felice_ Messages postés 265 Date d'inscription mardi 25 avril 2017 Statut Membre Dernière intervention 20 juillet 2017 11
Modifié le 18 mai 2017 à 16:50
Bonjour Freefun45,

Voici un code :
<textarea id="fldZone1"></textarea>
<select id="fldListe">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
</select>


  var select = document.getElementById('fldListe');
      select.addEventListener('change', function() {
          var zone = document.getElementById('fldZone1');
          
          if(select.selectedIndex === 1) {
              zone.style.display = 'block';
          } else {
              zone.style.display = 'none';
          }
      }, false);
1
Freefun45 Messages postés 2 Date d'inscription jeudi 18 mai 2017 Statut Membre Dernière intervention 19 mai 2017
Modifié le 19 mai 2017 à 09:37
Bonjour, merci pour cette réponse rapide.
Pourquoi avez vous séparer les 2 codes ?
Faut-il les rentrer à 2 endroits différents ?
0
Felice_ Messages postés 265 Date d'inscription mardi 25 avril 2017 Statut Membre Dernière intervention 20 juillet 2017 11 > Freefun45 Messages postés 2 Date d'inscription jeudi 18 mai 2017 Statut Membre Dernière intervention 19 mai 2017
19 mai 2017 à 09:35
Tu les places là où tu souhaites, quoi que le JavaScript pour une question de performance mieux vaut le placer avant la fermeture du corps « </body> ».
0