Champ dynamique

Marsh Posté le 03-04-2006 à 15:03:09

Rebonjour,

Je cherche à afficher un champ de formulaire de façon dynamique.
En fait, j'ai une liste déroulante, qui propose "oui" ou "non". Quand elle passe à oui, il faudrait qu'un autre champ aparaisse automatiquement, juste à côté. De même, quand elle passe à non, il faudrait que ce champ, si il est visible, disparaisse.

En gros, je cherche juste à savoir comment passer en visible un champ de formulaire en fonction du choix dans une liste déroulante.

Marsh Posté le 03-04-2006 à 15:03:09

Marsh Posté le 03-04-2006 à 15:51:31

J'ai fait cette fonction .js

Code :

function affChamp(taille, champ)
{
var T = document.getElementById(Taille);
var C = document.getElementById(Champ);
if (document.form1.liste.value == 2)
{
if (T.style.display == "none" )
T.style.display = "block";
if (C.style.display == "none" )
C.style.display = "block";
}
else
{
T.style.display = "none";
C.style.display = "none";
}
}

et voilà mon formulaire

Code :

<form name="form1" method="post" action="">
<p>Choisissez une option :
<select name="liste" onChange="affChamp(salut1, salut2)">
<option value=1>Oui</option>
<option value=2>Non</option>
</select>
</p>
<span id="salut1" style="display: none"> Taille :</span>
<input type="text" id="salut2" name="champ" style="display: none">
</form>

En fait, j'aimerais utiliser dans cette fonction deux arguments, l'id de la balise span qui contient le titre du champ à afficher/masquer mais aussi l'id du champ en lui-même. Mais ca n'a pas l'air de fonctionner, quelqu'un à une idée ?

Message édité par zeManuuu le 03-04-2006 à 15:53:20

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *