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

Freefun45 Messages postés 2 Statut Membre -  
Felice_ Messages postés 271 Statut Membre -
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 271 Statut Membre 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 Statut Membre
 
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 271 Statut Membre 11 > Freefun45 Messages postés 2 Statut Membre
 
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