1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Afficher/masquer des champs dans un formulaire

Afficher/masquer des champs dans un formulaire

Soyez le premier à donner votre avis sur cette source.

Snippet vu 43 473 fois - Téléchargée 32 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
Guinee
3 avril 2018 à 10:20
Merci d'avoir mis ce code en ligne qui m'a vraiment servi
ndiou
Messages postés
9
Date d'inscription
mardi 23 juin 2009
Statut
Membre
Dernière intervention
21 juillet 2011
21 juil. 2011 à 15:54
j'ai seeayer mais ca ne marche pas avec un groupe radio
cs_carbonexx
Messages postés
5
Date d'inscription
dimanche 13 janvier 2008
Statut
Membre
Dernière intervention
27 septembre 2010
31 mai 2010 à 12:08
merci pour ton script qui fonctionne !! ^^ je vais essai de bidouiller ça pour afficher un sous formulaire (js est facile? ^^)
el_keke
Messages postés
11
Date d'inscription
vendredi 16 avril 2004
Statut
Membre
Dernière intervention
4 mai 2009
21 mai 2009 à 14:25
De rien, ça me fait plaisir :-)
cs_cha7ri
Messages postés
22
Date d'inscription
jeudi 29 novembre 2007
Statut
Membre
Dernière intervention
2 décembre 2009
21 mai 2009 à 13:16
merci beaucoup....... tu mérite plus que 10/10
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)