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

Freefun45 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
Felice_ Messages postés 265 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

1 réponse

Felice_ Messages postés 265 Date d'inscription   Statut Membre Dernière intervention   11
 
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   Statut Membre Dernière intervention  
 
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   Statut Membre Dernière intervention   11 > Freefun45 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
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