alimenter liste deroulante avec champs texte

Version imprimable

24/05/2006, 10h44
logone

alimenter liste deroulante avec champs texte

Salut,

Je n'y connait pas gd chose en javascript et j'ai besoin d'alimenter une liste deroulante avec un champs texte. En faite il s'agit d'ajouter des rubriques a la liste deroulante a savoir que cette liste est dans une balise de formulaire qui renvoie vers une autre page.

Merci pour votre aide
24/05/2006, 11h45
SpaceFrog

as tu lu le postit "liste deroulantes liées entre elles" ...
ça ne correspond pas exactement à ta demande, mais les methodes de gestion de liste deroulantes y sont expliquées ...

Salut,

Voilà un petit script fait il y a pas mal de temps, mais qui devrait te mettre sur la voie :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<SCRIPT LANGUAGE="JSCRIPT">
var cpt = 0;
function Ajout()
{
 frm8("zl1").length++;
 frm8("zl1").options[cpt].text = frm8("zs_opt").value;
 frm8("zl1").options[cpt].value = cpt;
 cpt++;
 frm8("zs_opt").value = "";
}
</SCRIPT>
 
<HTML>
<FORM NAME="frm8">
<SELECT NAME="zl1" SIZE=5>
</SELECT><BR>
<INPUT TYPE="TEXT" NAME="zs_opt" SIZE=20><BR><BR>
<INPUT TYPE="BUTTON" VALUE="Ajouter" onClick="Ajout()">
</HTML>

24/05/2006, 11h58
logone

Impeccable ca fonctionne a merveille

J'en profite pour te demander si tu sais comment on peux obliger de remplir un champs texte si un bouton radio (sur une valeur oui) est seelctionné et ne pas obliger le remplissage du champs texte si c'est sur non

Merci en tous cas pour ton script
24/05/2006, 12h20
zoidy

De rien pour le script, c'est un vieux truc qui date du bts ^^

Pour ton autre question, le principe est assez simple :
si bouton_radio.checked, alors tu vérifies si l'utilisateur à fait la saisie du champ, sinon pas de vérification.
24/05/2006, 12h26
logone

Tu pourrais m'eclairer un peu plus sur le code je suis vraiment nul en JS je comprends bien le principe mais de la a l'ecrire

Voilà un petit script fait à l'arrache ^^
Bon c'est pas top, y'a surement des bugs, mais c'est le principe ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<HTML>
<SCRIPT LANGUAGE="JSCRIPT">
function Verif()
{
  if (frm5[1].checked && frm5("txt").value=="")
  {
    alert("Le champ texte doit être renseigné");
  }
}
</SCRIPT>
 
<FORM NAME="frm5">
RAM souhaitée : <BR>
<INPUT TYPE="RADIO" NAME="rad" VALUE=1 CHECKED> oui<BR>
<INPUT TYPE="RADIO" NAME="rad" VALUE=2> non<BR><BR>
<INPUT TYPE="BUTTON" VALUE="Vérifier" onClick="Verif()"><BR><BR>
<INPUT TYPE="TEXT" NAME="txt" SIZE=10>
</FORM>
</HTML>

Voilà, bon courage ;)

Je viens de tester ton code mais ca ne semble pas fonctionner voici ma modif

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
function Verif()
{
  if (form[1].checked && form("urlcat").value=="")
  {
    alert("Le champ texte doit être renseigné");
  }
}
 
 
<form id="form1" name="form" method="post" action="etape4.php">
            <span class="Style2">
<input type="radio" name="catalogue" value="1" />
Oui&nbsp;
          <input type="radio" name="catalogue" value="2" />
Non
<input type="text" size="50" name="urlcat" value="" />
<input name="submit" type="submit" value="Envoyer" onClick="Verif()"/>
          <input name="id" type="hidden" id="id" value="<?php echo $id; ?>" />
          </form>

Peux etre que je me trompe quelque part

24/05/2006, 15h59
zoidy

Bin si ca marche c'est bon ;)
24/05/2006, 16h00
logone

tu es sur ? tu as essayer ??

Rectifications :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<html>
<script language="JavaScript">
function Verif()
{
  if (form[0].checked && form("urlcat").value=="")
  {
    alert("Le champ texte doit être renseigné");
  }
}
</script>
 
<body>
<form name="form">
<input type="radio" name="catalogue" value="Oui" checked> Oui
<input type="radio" name="catalogue" value="Non"> Non
<input type="text" size="50" name="urlcat">
<input type="button" value="Envoyer" onClick="Verif()"/>
</form>
</body>
</html>

Bon j'ai une version light par rapport a ton code précédent, donc rajoute ce que t'avais rajouter, y'a pas de pb ^^

kool ca marche

juste un petit pb quand je clique sur le bouton de la fenetre d'alerte mon formulaire va sur la page suivante et ne s'arrete pas pour effectuer la correction.
Code:

1 2 3 4 5 6 <form id="form1" name="form" method="post" action="etape4.php" onSubmit="Verif()"> <input type="radio" name="catalogue" value="oui" /> <input type="radio" name="catalogue" value="non" /> <input type="text" size="50" name="urlcat" value="http://" /> <input name="submit" type="submit" value="Envoyer" />
Il y a t'il quelquechose a mettre pour eviter cela ??

24/05/2006, 16h52
zoidy

enleve le action dans la balise form
24/05/2006, 16h59
logone

mais dans ce cas mon formulaire ne pourras pas continuer vers la page etape4.php si je l'enleve
24/05/2006, 17h59
logone

j'ai trouve suffit de rajouter dans le script return false; et sur le formulaire
onSubmit="return Verif()"

Merci pour votre aide
24/05/2006, 23h07
logone

A bien y regarder ma liste deroulante comprend deja des données et lorsque j'ajoute une donnée avec le champs texte mes elements presents sur ma liste s'enlevent les uns apres les autres.

Je n'avais pas vu ce detail genant
26/05/2006, 11h52
zoidy

Stocke les précédentes infos de ta liste déroulante, et rajoute les après ^^
26/05/2006, 11h53
logone

ok merci