Afficher/masquer des champs dans un formulaire

Soyez le premier à donner votre avis sur cette source.

Snippet vu 37 686 fois - Téléchargée 30 fois

Commenter

Contenu du snippet

Un petit script utile pour des modules de recherche.
Lorsque vous sélectionnez "autre" dans la liste déroulante, un champ supplémentaire apparaît.
Ce script joue avec les styles...

Source / Exemple : 


<html>
<head>
<title>test</title>
<script language="JavaScript">
function afficherAutre() {
  var a = document.getElementById("autre");
  var m = document.getElementById("mots");
  
  if (document.form1.liste.value == 3)
  {
  	if (a.style.display == "none")
		a.style.display = "block";
 
  	if (m.style.display == "none")
		m.style.display = "block";
  }
  else
  {
  	a.style.display = "none";
	m.style.display = "none";	
  }
}
</script>
</head>

<body>
<form name="form1" method="post" action="">
<p>Choisissez une option : 
    <select name="liste" onChange="afficherAutre()">
        <option value=1>option1</option>
        <option value=2>option2</option>
        <option value=3>Autre</option>
    </select>
    </p>
    <span id=autre style="display: none"> Autre :</span>
    <input type="text" id="mots" name="mots" style="display: none">
</form>
</body>
</html>

A voir également

Ajouter un commentaire

Commentaires

Signaler
tomypunk
Messages postés
2
Date d'inscription
lundi 9 février 2004
Statut
Membre
Dernière intervention
19 juin 2006
 -
merci pour la source c'est exactement ce que je cherchais a faire :D
Signaler
cs_cha7ri
Messages postés
23
Date d'inscription
jeudi 29 novembre 2007
Statut
Membre
Dernière intervention
2 décembre 2009
 -
merci beaucoup....... tu mérite plus que 10/10
Signaler
el_keke
Messages postés
11
Date d'inscription
vendredi 16 avril 2004
Statut
Membre
Dernière intervention
4 mai 2009
 -
De rien, ça me fait plaisir :-)
Signaler
cs_carbonexx
Messages postés
5
Date d'inscription
dimanche 13 janvier 2008
Statut
Membre
Dernière intervention
27 septembre 2010
 -
merci pour ton script qui fonctionne !! ^^ je vais essai de bidouiller ça pour afficher un sous formulaire (js est facile? ^^)
Signaler
ndiou
Messages postés
9
Date d'inscription
mardi 23 juin 2009
Statut
Membre
Dernière intervention
21 juillet 2011
 -
j'ai seeayer mais ca ne marche pas avec un groupe radio
Afficher les 6 commentaires
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (el_keke)