alimenter liste deroulante avec champs texte

**logone** · 24/05/2006, 10h44

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

**SpaceFrog** · 24/05/2006, 11h45

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

**zoidy** · 24/05/2006, 11h45

Salut,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**logone** · 24/05/2006, 11h58

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

**zoidy** · 24/05/2006, 12h20

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.

**logone** · 24/05/2006, 12h26

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

**zoidy** · 24/05/2006, 12h51

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**logone** · 24/05/2006, 14h24

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**zoidy** · 24/05/2006, 15h59

Bin si ca marche c'est bon

**logone** · 24/05/2006, 16h00

tu es sur ? tu as essayer ??

**zoidy** · 24/05/2006, 16h18

Rectifications :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**logone** · 24/05/2006, 16h41

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**zoidy** · 24/05/2006, 16h52

enleve le action dans la balise form

**logone** · 24/05/2006, 16h59

mais dans ce cas mon formulaire ne pourras pas continuer vers la page etape4.php si je l'enleve

**logone** · 24/05/2006, 17h59

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

Merci pour votre aide

**logone** · 24/05/2006, 23h07

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

**zoidy** · 26/05/2006, 11h52

Stocke les précédentes infos de ta liste déroulante, et rajoute les après ^^

**logone** · 26/05/2006, 11h53

ok merci

alimenter liste deroulante avec champs texte

JavaScript

Discussions similaires

Partager

Partager