[DOM] Extraire les variables de plusieurs listes déroulantes

Version imprimable

Salut à tous,
j'ai le script suivant implémenter avec le PHP:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ////// SCRIPT ////////// echo '<script type="text/javascript">'; echo 'function verifier() {'; echo 'nb_ligne = document.note.critere.value '; echo 'cmp = 0 '; echo 'erreur = "" '; //echo 'for (cmp=0 ; cmp<nb_ligne ; cmp++ ){' ; echo "if ((document.note.getElementById('choix.'cmp'').value)=='0')){"; echo 'erreur += "_ la rubrique\n"'; echo 'alert ("Vous n avez pas indiqué :\n" + erreur);'; echo ' </script>'; //echo ' } '; ////// SCRIPT //////////
avec le form suivant:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 <form method="post" name="note" onsubmit="verifier()"> <? /// Instanciation echo '<center><table border="1">'; echo '<caption><font size="1" face="Verdana" color="#041f2e"><b>Evaluation du '.$nom.' *</b></font></caption>'; ?> <? while(!$crit->eof){ ?> <tr> <td> <? echo '<font size="2" face="Verdana" color="#041f2e">'.$crit->critere.'</font>' ; ?> </td> <td valign="middle"> <select name="<? echo 'choix'.$i ;?>" > <option value="0" selected>-------Select-------</option> <option value="1">Médiocre</option> <option value="2">Mauvais</option> <option value="3">Moyen</option> <option value="4">Bon</option> <option value="5">Excellent</option> </select> <input type="hidden" name="critere" value='<? echo $i ;?>' > </td> </tr> <? $i++; $crit->Movenext(); }?> <? echo '</table></center>'; ?> <input type="hidden" name="css" value="1" > <? echo '<br>' ;?> <center><input type="submit" value="Valider" ></center> </form>
C'est un code qui permet de générer des listes déroulantes selon le nb de critères que j'ai dans ma base de données SQL.... Et je génère les listes déroulantes dynamiquement

Code:

<select name="<? echo 'choix'.$i ;?>" >

. Alors, j'ai voulu faire une méthode vérifier() qui permet de vérifier si l'internaute a vraiment choisis un choix parmis ceux qui existent dans la liste déroulante , mais j'ai pas su comment récupérer les choix aprés avoir valider le formulaire... :roll:
Je me demande est ce quelqu'un possède une idée comment ça se fait...
J'ai même consulter le sujet:http://www.developpez.net/forums/sho...d.php?t=520673 sans aucune résultat. :(
Merci pour votre aide :king:

04/04/2008, 10h55
E.Bzz
Bonjour,
Code:

1 2 3 echo 'function verifier() {'; echo "return (document.getElementById('cmp').value=='0');"; echo '}';
Attention : je connais pas PHP :aie:
Par contre il faudrait

Code:

<select name="<? echo 'choix'.$i ;?>" id="cmp">

A+
04/04/2008, 11h18
L'aigle de Carthage

Je pense que votre idée n'est pas correcte car j'ai plusieurs listes déroulantes et le cmp est une variable que je l'utilise dans ma boucle for......

Le pb içi c'est obtenir l'analogie de $_POST en JavaScript, et par la suite dégager la valeur choisie de chaque liste déroulante.... :)
04/04/2008, 11h19
riete

Si je peux me permettre d'apporter une petite précision ?:

Une fois cette modif conseillée par e.Bzz faite, afin de définir l'ID de ta liste déroulante.

Citation:

<select name="<? echo 'choix'.$i ;?>" id="cmp">

Je pense qu'il faudrait remplacer la ligne suivante:

Citation:

echo "if ((document.note.getElementById('choix.'cmp'').value)=='0')){";

par:

Citation:

echo "if ((document.note.getElementById(cmp).value)=='0')){";
04/04/2008, 11h22
riete

j'étais en train de répondre en même temps que toi, je viens juste de voir ta réponse.

Pour ce qui est de la variable cmp, tu l'initialise à Zéro en entrant dans ta procédure, comment veux tu pouvoir gérer plusieurs listes déroulant alors ?

Il te faut scanner les listes déroulantes de ton objet DOM document.form.
04/04/2008, 11h27
E.Bzz
Alors
Code:

1 2 3 echo 'function verifier(id_liste) {'; echo "return (document.getElementById(id_liste).selectedIndex);"; echo '}';
avec

Code:

<select name="<? echo 'choix'.$i ;?>" id="cmp_<? echo 'choix'.$i ;?>">

et l'appel

Code:

onsubmit="return verifier('cmp_<? echo 'choix'.$i ;?>')"

En supposant que chaque liste est dans un <form> différent (sinon, il nous manque des éléments :aie: )

Remarque : ceci en supposant que tes valeurs par défaut sont bien en 1° position de chaque liste ...

A+

:cry:
Toujours pas d'alert, j'ai pas obtenu le résultat voulu....

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
////// SCRIPT //////////
echo '<script type="text/javascript">';
echo 'var jourMod="0"';
echo 'function verifier(id_liste) {';
echo 'nb_ligne	 =	document.note.critere.value ';
echo 'jourMod = note[note.selectedIndex].value';
echo 	'alert	("res:\n" + jourMod);';
echo 'cmp	 =	0 ';
echo 'erreur	 =	"" ';
 
//echo 'for (cmp=0 ; cmp<nb_ligne ; cmp++ ){' ;
echo 	"if ((document.getElementById(id_liste).selectedIndex)==1){";
echo 	'erreur	 +=	"_ la rubrique\n"';
echo 	'alert	("Vous n avez pas indiqué :\n" + erreur);';
echo 	' </script>';
//echo ' } ';
 
////// SCRIPT //////////

et voiçi mon forme:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<form method="post" name="note" onsubmit="return verifier('cmp_<? echo 'choix'.$i ;?>')">
<?
/// Instanciation	
 
	echo '<center><table border="1">';
    	echo '<caption><font size="1" face="Verdana" color="#041f2e"><b>Evaluation du '.$nom.' *</b></font></caption>'; ?>
 
	<? while(!$crit->eof){					
			?>
	<tr>
      		 <td>
    			<? echo '<font size="2" face="Verdana" color="#041f2e">'.$crit->critere.'</font>' ; ?>   
     		 </td>
 
      		<td valign="middle">
 
    		<select name="<? echo 'choix'.$i ;?>" id="cmp_<? echo 'choix'.$i ;?>">
            	<option value="1" selected>-------Select-------</option>
            	<option value="2">Médiocre</option>
                <option value="3">Mauvais</option>
                <option value="4">Moyen</option>
                <option value="5">Bon</option>
                <option value="6">Excellent</option>
 
           </select>  
            <input type="hidden" name="critere" value='<? echo $i ;?>' >
 
      		</td>
	</tr>  
<?
$i++;
$crit->Movenext();
}?>
 
<? echo '</table></center>'; ?>
<input type="hidden" name="css" value="1" >
<? echo '<br>' ;?>
<center><input type="submit" value="Valider" ></center>
</form>

:( SOS :(

04/04/2008, 11h51
E.Bzz

Citation:

Envoyé par L'aigle de Carthage

Toujours pas d'alert, j'ai pas obtenu le résultat voulu....

Normal, ce n'est pas la fonction fournie (qui supprimait toutes les erreurs de la tienne) :roll:

Un rappel : ma "syntaxe PHP" est à vérifier :aie:

A+
04/04/2008, 11h55
L'aigle de Carthage

bhein, j'ai corrigé mon onsubmit.. et c'est toujours fautux :evilred:
04/04/2008, 12h00
E.Bzz

Citation:

Envoyé par L'aigle de Carthage

bhein, j'ai corrigé mon onsubmit.. et c'est toujours fautux :evilred:

8O

Y'avait pas vraiment que ça ;)

A+
04/04/2008, 12h02
L'aigle de Carthage

Juste une remarque:
J'ai plusieurs listes déroulantes, genre :

critère 1 : Une liste déroulante
critère 2 : Une autre liste déroulante
critère 3 : une autre liste
....

et je veut récupérer une valeur de chaque liste :roll:
J'espère que vous m'avez compris...
04/04/2008, 12h07
E.Bzz

Citation:

Envoyé par L'aigle de Carthage

Juste une remarque:
J'ai plusieurs listes déroulantes, genre :

critère 1 : Une liste déroulante
critère 2 : Une autre liste déroulante
critère 3 : une autre liste
....

et je veut récupérer une valeur de chaque liste :roll:
J'espère que vous m'avez compris...

D'où le paramètre de la fonction.
Tu ferais bien de tout relire à tête reposée :roll:

Salut,
J'ai opté pour une méthode de travail avec les value et pas avec les id:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<form method="post" name="note" onsubmit="verifier()" >
<?
// Instanciation	
 
	echo '<center><table border="1">';
    	echo '<caption><font size="1" face="Verdana" color="#041f2e"><b>Evaluation du '.$nom.' *</b></font></caption>'; ?>
 
	<? while(!$crit->eof){					
			?>
	<tr>
      		 <td>
    			<? echo '<font size="2" face="Verdana" color="#041f2e">'.$crit->critere.'</font>' ; ?>   
     		 </td>
 
      		<td valign="middle">
 
    		<select name="<? echo 'choix'.$i ;?>" >
            	<option value="0" selected>-------Select-------</option>
            	<option value="1">Médiocre</option>
                <option value="2">Mauvais</option>
                <option value="3">Moyen</option>
                <option value="4">Bon</option>
                <option value="5">Excellent</option>
 
           </select>  
            <input type="hidden" name="<? echo'critere'.$i ;?>" value='<? echo $i ;?>'  >
 
      		</td>
	</tr>  
<?
 
$i++;
$crit->Movenext();
}
?>
<input type="hidden" name="nombre" value='<? echo $i ;?>'  >
<? // champ nombre qui est hidden pour déterminé le nombre de criteres ?>
<? echo '</table></center>'; ?>
<input type="hidden" name="css" value="1" >
<? echo '<br>' ;?>
<center><input type="submit" value="Valider" ></center>
</form>

Mais le pb c'est dans la fonction javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<script type="text/javascript">
var jourMod="0";
var nb_ligne="";
function verifier() {
alert ("Bonjour");
nb_ligne=document.note.nombre.value;
alert (nb_ligne);
for (cmp=0 ; cmp<nb_ligne ; cmp++ ){
alert (cmp);
}

j'ai pas su extraire le choix effectué pour chaque critère... Je cherche la syntaxe que je dois la mettre ....

07/04/2008, 09h03
E.Bzz

Citation:

Envoyé par L'aigle de Carthage

Salut,
J'ai opté pour une méthode de travail avec les value et pas avec les id

...

j'ai pas su extraire le choix effectué pour chaque critère... Je cherche la syntaxe que je dois la mettre ....

Etonnamment, la syntaxe requise utilise ... les ID :mrgreen:

Bon...
J'ai inclu les id dans mon code.
Voiçi le script:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
var nb_ligne="";
var erreur="";
function verifier(id_liste) {
alert ("Bonjour");
nb_ligne=document.note.nombre.value;
alert (nb_ligne);
if (document.getElementById(id_liste).selectedIndex==0) {
erreur	 =	"Votre évaluation est incomplète\n";
alert	(erreur);
return false;
};
};
</script>

et voiçi mon formulaire:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<form method="post" name="note" onsubmit="return verifier('cmp_<? echo 'choix'.$i ;?>')" >
<?
/// Instanciation	
 
	echo '<center><table border="1">';
    	echo '<caption><font size="1" face="Verdana" color="#041f2e"><b>Evaluation du '.$nom.' *</b></font></caption>'; ?>
 
	<? while(!$crit->eof){					
			?>
	<tr>
      		 <td>
    			<? echo '<font size="2" face="Verdana" color="#041f2e">'.$crit->critere.'</font>' ; ?>   
     		 </td>
 
      		<td valign="middle">
 
    		<select name="<? echo 'choix'.$i ;?>" id="cmp_<? echo 'choix'.$i ;?>">
            	<option value="0" selected>-------Select-------</option>
            	<option value="1">Médiocre</option>
                <option value="2">Mauvais</option>
                <option value="3">Moyen</option>
                <option value="4">Bon</option>
                <option value="5">Excellent</option>
 
           </select>  
            <input type="hidden" name="<? echo'critere'.$i ;?>" value='<? echo $i ;?>'  >
 
      		</td>
	</tr>  
<?
$i++;
$crit->Movenext();
}
?>
<input type="hidden" name="nombre" value='<? echo $i ;?>'  >
<? echo '</table></center>'; ?>
<input type="hidden" name="css" value="1" >
<? echo '<br>' ;?>
<center><input type="submit" value="Valider" ></center>
</form>

et la fonction fonctionne :D .... mais le message d'erreur de erreur = "Votre évaluation est incomplète\n"; ne s'affcihe que si je ne met pas un choix dans la première liste déroulante, c'est à dire si je met un choix pour la première liste et pour la troisième liste mais je laisse la deuxième liste sans choix, rien ne s'affcihe... :aie: