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 38 148 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

Merci d'avoir mis ce code en ligne qui m'a vraiment servi
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
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
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_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
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)