[Réglé]Un champ supplémentaire sur un formulaire

  • Auteur de la discussion Auteur de la discussion Linkid
  • Date de début Date de début
WRInaute discret
Bonjour, je souhaiterais savoir comment faire apparaître un champ supplémentaire dans un formulaire lorsque le visiteur choisit une certaine option dans une liste déroulante...
Merci !
 
WRInaute impliqué
avec du javascript par exemple et display none qui devient visible si tu coches une case
 
WRInaute discret
Tu pourrais me montrer le code, ce serait plus simple... car question Javascript, je ne m'y connais presque pas...
 
WRInaute impliqué
alors entre tes balises head, un truc de ce genre :

<script language="Javascript">
// La fonction qui affiche/masque l'élément
function bascule(boite)
{
// Quel est l'état actuel ?
etat=document.getElementById(boite).style.visibility;
if(etat=="visible"){document.getElementById(boite).style.visibility="hidden";}
else{document.getElementById(boite).style.visibility="visible";}
}

</script>

puis à l'endroit ou tu veux cacher ton champs

<input type="checkbox" name="XXXXX" onClick="bascule('boite');" value="XXXX"> // case à cocher
<div name="boite" id="boite" style="visibility: visible">
//élement à cacher
</div>


J'utilise beaucoup le javascript pour les formulaires pour rendre disponibles ou non un champs selon les choix des utilisateurs

voici un exemple d'un formulaires combinant plusieurs fonctions javascript sur mon site :

^^ttp://www.code-et-reduction.com/ajouter-bon.php
 
WRInaute discret
code javascript :

Code:
<script language="javascript">
function showHideInput (declencheur,cible) {
  if (declencheur.checked == 'checked')
    cible.display = 'block';
  else
    cible.display = 'none';
}
</script>

pour la partie formulaire :

Code:
<input type="checkbox" id="monCB" name="monCB" onClick="showHideInput(this,document.monInput);" />
<input type="text" id="monInput" name="monInput" style="display:none" />

Voilà, à tester et modifier, je ne l'ai pas testé... c'est un code que je te sors en sortant de mon lit :)

Fred
 
WRInaute discret
code, j'ai testé, et sa marche, par contre, j'aimerais que le champs soit caché dès le départ...
Merci
 
WRInaute discret
C'est bon code ! J'ai trouvé...
Par contre DaMonkey, ton code ne fonctionne pas chez moi...
Mais c'est bon, le script de code fonctionne super !
Merci !
 
Nouveau WRInaute
Bonjour,

J'aimerais rouvrir ce post pour vous demander la chose suivante :

J'aimerais faire exactement la même chose que linkid, mais je voudrais que le champ apparaisse uniquement si l'on sélectionne une certaine option pour un champ particulier.

Par exemple, j'aimerais faire apparaître un champ texte lorsque l'utilisateur sélectionne "Autre" dans une liste déroulante, ou encore faire apparaître un groupe de boutons radio si l'utilisateur sélectionne "oui".

Pouvez-vous m'aider ?

Je vous remercie
 

➡️ Offre MyRankingMetrics ⬅️

pré-audit SEO gratuit avec RM Tech (+ avis d'expert)
coaching offert aux clients (avec Olivier Duffez ou Fabien Faceries)

Voir les détails ici

coaching SEO
Discussions similaires
Haut