J'ai un petit soucis avec mon formulaire

deldiaze -  
 deldiaze -
BONJOUR J'ai le code suivant :

<SELECT name="fonction" STYLE="width:400" onchange="RendVisibleVille(cb3fois)">
<OPTION VALUE="cheque">Comptant cheque&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</OPTION>
<OPTION VALUE="cb">Comptant CB</OPTION>
<OPTION VALUE="cb3fois">CB 3fois</OPTION>
<OPTION VALUE="financement">Financement</OPTION>

</SELECT>

et je voudrais savoir comment faire pour avoir un nouveau champs qui s'ouvre quand on choisi ,l'option paiement cb3fois.

merci pour vos réponses.

2 réponses

a70m Messages postés 3121 Statut Contributeur 217
 
Salut,

Il va falloir intégrer un peu de JavaScript.

Mets ce script dans ton <head>

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


Ensuite, tu auras ce code HTML
(j'ai mis celui qui correspond aux mots soulignés dans le code précédent, il faudra donc que tu changes tout ce qui est souligné à ta sauce)

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


Cordialement,
a70m
0
deldiaze
 
merci beaucoup ça marche nickel,
0