La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Formulaire + SELECT + JS
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Formulaire + SELECT + JS  (Lu 1252 fois)
Formulaire + SELECT + JS
« sur: le 09-03-2010 a 13:49:48 »
plike
Invité

E-Mail
Répondre avec citation

Bonjour,

J'ai un formulaire dans ma page web et je souhaiterai que lorsque j'ai cela

Code:

<select name="my_select">
   <option label="oui" selected="selected">oui</option>
   <option label="non">non</option>
</select>


et que lorsque je clique sur "non", une case INPUT aparaisse.

Si quelqu'un peut m'aider,

Merci

Cordialement,

Plinuxke

Rapporter au modérateur  

Re:Formulaire + SELECT + JS
« Répondre #1 sur: le 25-03-2010 a 21:24:24 »
sebinfo
Membre récent
*

Hors-Ligne

Messages: 12





Voir le Profil    WWW
Répondre avec citation

Salut il te suffit d'ajouter onChange(changeVisibilite(this.value)) dans ton select et de faire apparaitre le resultat dans une division cachée <div id='cache'> par exemple
Si non est sélectionné, on affiche la division sinon elle est cachée

-Code javascript-
function changeVisibilite(element){

   // recherche du noeud parent
   var Obj = document.getElementById("cache");
   
   if (element == 'non'){
      Obj.style.display = 'inline';
   } else {
      Obj.style.display = 'none';
   }
}

J'espère avoir été suffisamment clair. A+

---------------------------------
www.sebinfo.fr
---------------------------------

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg