Afficher/masquer des champs dans un formulaire

Soyez le premier à donner votre avis sur cette source.

Snippet vu 38 952 fois - Téléchargée 30 fois

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

Merci d'avoir mis ce code en ligne qui m'a vraiment servi
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
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? ^^)
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 :-)
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
Afficher les 6 commentaires

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.