Recuppération de la valeur d'une balise select

Fermé

anaurel Messages postés 38 Date d'inscription vendredi 26 mai 2017 Statut Membre Dernière intervention 12 janvier 2018 - Modifié le 12 oct. 2017 à 13:03
jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 - 12 oct. 2017 à 15:18

Bonjour
Mon code devrait afficher un formulaire suivant ce qui est sélectionné en haut
voici mon code
Merci pour votre aide


<!DOCTYPE [/html/htmlintro.php3 html]>
<html>
<head>
 <title>Ma page de test</title>
 <link rel="stylesheet" type="text/css" href="bootstrap.css">
</head>
<body>
 <div class="container">
  <p>
   <select id="type">
    <option value="t1"  > Etudiant</option>
    <option value="t2"  ">Teacher</option>
   </select>
   <br><br>
  </p>

  <form id="t1">

   Welcome <br>
   Nom<input type="text" name="name" ><br>
   Prenom<input type="text" name="name"><br>
   Niveau <input type="text" name="student"><br><br>

  </form>
  <form id="t2">
   <br> <br>
   Welcome Teacher <br>
   Nom<input type="text" name="name"><br>
   Prenom<input type="text" name="name"><br>
   Grade <input type="text" name="grad"> 
  </form>
  </div>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript">
   $(document).ready(function()
   {
    alert("Je suis la !");
    /*if("#type").val()=="t1"
    {
     $('#t1').show();
     $('#t2').hide();
    }
    else
    {
     $('#t2').show();
     $('#t1').hide();
    }*/
   });
  </script>
</body>
</html>

A voir également:

Recuppération de la valeur d'une balise select
Balise br ✓ - Forum Webmastering
Balise </br> - Forum HTML
Balise <br> HTML ✓ - Forum HTML
Formule excel si contient texte alors valeur ✓ - Forum Excel
Excel renvoyer la valeur d'une cellule en fonction d'une autre - Forum Logiciels

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649
2 oct. 2017 à 13:08

Bonjour

Avec le $ manquant. ..


If ( $("#type").val ...

anaurel Messages postés 38 Date d'inscription vendredi 26 mai 2017 Statut Membre Dernière intervention 12 janvier 2018
12 oct. 2017 à 12:58

Bonjour

J'ai corrigé la ligne que vous m'avez indiquée // If ( $("#type").val ...
Le problème est que le formulaire ne change pas que je choisisse #ETUDIANT OU TEACHER.

En fait je voudrais que quand on sélectionne # ETUDIANT le formulaire de Etudiant s'affiche et quand on choisit TEACHER c'est le formulaire de teacher qui s'affichera.

Soyez béni !

jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024 4 649 > anaurel Messages postés 38 Date d'inscription vendredi 26 mai 2017 Statut Membre Dernière intervention 12 janvier 2018
12 oct. 2017 à 13:07

Autre problème sur ton select... regarde bien cette ligne tu devrais voir l'erreur :

<option value="t2"  ">Teacher</option>

Ensuite... dans ton JS .. tu as un peu oublié de mettre un triger sur le fait que tu choisi une valeur dans ton select.......

$("#type").change(function(){

    //ici tu mets ton code  


});

anaurel Messages postés 38 Date d'inscription vendredi 26 mai 2017 Statut Membre Dernière intervention 12 janvier 2018 > jordane45 Messages postés 38139 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 20 avril 2024
12 oct. 2017 à 13:40

Bonjour

Je n'ai pas compris ceci


$("#type").change(function(){

    //ici tu mets ton code  


});

ben... tu as une liste déroulante (un select ) ....
Toi.. tu veux qu'en fonction du choix fait dans cette liste... ça affiche ou masque tes div.
Pour l'instant... dans le code que tu nous as montré.... tu n'intercepte pas le fait de "choisir" une valeur dans ta liste.....
Pour ce faire.. on utilise les EVENT.
Que tu peux associer via des "onchange" dans ton code HTML, ou l'attacher via un listerner en JS (et/ou comme je te l'ai écrit en jquery )

Si tu ne sais pas ce qu'est un EVENT, un TRIGGER .. un ONCHANGE .... je t'invite fortement par commencer à te former là dessus avant même de chercher à continuer de coder ! ça fait partie, en quelques sortes.... des bases de la programmation web html/javascritpt....

Discussions similaires

la balise <br> ou <br />

Problème de restrictions

"Reboot and Select proper Boot Device"

Aide Please select boot device

"L'indice n'appartient à la sélection" + VBA

Discussions similaires

Newsletters