select choix multiple

Version imprimable

Salut à tous, je sais que c'est de l'html mais, bien sur, je me range du côté de la récupération de saisie de l'utilisateur.

Bref, voici mon problème :

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
 
// javascript 
function valider()
{
	var source_list = document.monform.ma_liste;
	if (source_list.selectedIndex == -1)
	{
		alert("Veuillez faire au moins un choix!");
		return 0;
	}
	else
	{
		var maliste = '';
		var j=0;
		for (var i=0; i<source_list.length; i++)
		{
			if (source_list.options[i].selected)
			{
				if (mylist.length == 0)
				{
					mylist = source_list.options[i].value;
				}
				else
				{
					mylist = mylist+ ',' + source_list.options[i].value;
				}
			}
		}	
		document.monform.mon_texte.value = mylist;
		document.monform.submit();
	}
}
 
</script>
 
 
// PHP
 
<?php
 
echo '<form method="post" action="test.php" name="monform">';  
	echo '<select name="ma_liste[]" size="5" multiple="MULTIPLE">';  
		echo '<option value="0">Aucun</option>';
		echo '<option value="1">Cosmetique</option>';
		echo '<option value="2">Fonctionnel</option>';
		echo '<option value="3">T&eacute;l&eacute;chargement</option>';
		echo '<option value="4">Autre</option>';
	echo '</select>';
echo '<input type="hidden" name="mon_texte" size="30">';
echo '<input type="submit" onClick="valider()" value="Valider mes choix">';
 
 
if ( isset ( $_POST['ma_liste'] ) )
{
	print_r($_POST['ma_liste']);
}

J'aimerai pouvoir faire une sorte de "sélection", j'entends par là de ne pouvoir que sélectionner : soit Aucun, soit les choix restants (dans n'importe quel ordre) mais ne pas pouvoir sélectionner : Aucun et Fonctionnel par exemple

Est ce que cela est possible merci :)

02/04/2008, 14h34
E.Bzz

Bonjour,
si l'utilisateur ne doit pas pouvoir faire ces choix, le plus simple/logique est de ne pas les lui proposer ....

A+
02/04/2008, 14h37
Nemesis007

Dans mon select, j'ai une liste avec : Aucun, Fonctionnel etc...

L'utilisateur est libre de choisir ce qu'il veut, sauf couplé Aucun et Fonctionnel ou Aucun avec les autres, ce qui tout à fait logique mais on est pas à l'abri d'une erreur de saisie :s

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
function valider()
{
	var source_list = document.monform.ma_liste;
	if (source_list.selectedIndex == -1)
	{
		alert("Veuillez faire au moins un choix!");
		return 0;
	}
	else
	{
		var maliste = '';
		var j=0;
		for (var i=0; i<source_list.length; i++)
		{
			if (source_list.options[i].selected)
			{
				if (mylist.length == 0)
				{
					mylist = source_list.options[i].value;
				}
				else
				{
					mylist = mylist+ ',' + source_list.options[i].value;
				}
			}
		}	
                if (mylist == "0,2") {
                    alert("Choix incompatibles !!");
                    return 0;
                }
		document.monform.mon_texte.value = mylist;
		document.monform.submit();
	}
}

EDIT : j'avais oublié le côté "multiple" :aie:
RE-EDIT : adaptations "multiple" ...

A+

02/04/2008, 14h59
Nemesis007

Merci bien, mais je viens de tester mais, cela me prend en compte quand même les choix que j'ai fais (Aucun et Fonctionnel par exemple) :(

Arff !!
J'avais pas vu l'erreur classique

Code:

1
2
3
4
5
6
7
8
9
10
echo '<form method="post" action="test.php" name="monform" onsubmit="return valider()">';  
	echo '<select name="ma_liste[]" size="5" multiple="MULTIPLE">';  
		echo '<option value="0">Aucun</option>';
		echo '<option value="1">Cosmetique</option>';
		echo '<option value="2">Fonctionnel</option>';
		echo '<option value="3">T&eacute;l&eacute;chargement</option>';
		echo '<option value="4">Autre</option>';
	echo '</select>';
echo '<input type="hidden" name="mon_texte" size="30">';
echo '<input type="submit" value="Valider mes choix">';

Jamais de fonction de contrôle sur un bouton submit !
Toujours dans le onsubmit du <form> ;)

A+

02/04/2008, 15h09
E.Bzz

... du coup dans ta fonction valider(), il faut remplacer document.monform.submit(); par return true;

A+
02/04/2008, 15h09
Nemesis007

EDIT : j'avais pas vu ton nouveau message, je teste et je te dis :D

Une erreur ? Désolé, je ne m'y connais pas beaucoup en javascript mais pourtant j'utilise le contrôle de saisie sur le bouton valider et je n'ai jamais eu de problème.

En testant, je n'ai toujours pas le contrôle attendu :(

Merci beaucoup pour l'aide que tu me fournis !
02/04/2008, 15h10
E.Bzz

Citation:

Envoyé par Nemesis007

En testant, je n'ai toujours pas le contrôle attendu :(

Encore un oubli de ma part :oops:
cf. ci-dessus ...

A+

Citation:

Envoyé par E.Bzz

Encore un oubli de ma part :oops:
cf. ci-dessus ...

Pas de problème :)

Mais hélas, le code ne fonctionne toujours pas :

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
44
45
46
47
48
49
50
51
52
function valider()
{
	var source_list = document.monform.ma_liste;
	if (source_list.selectedIndex == -1)
	{
		alert("Veuillez faire au moins un choix!");
		return 0;
	}
	else
	{
		var mylist = '';
		var j=0;
		for (var i=0; i<source_list.length; i++)
		{
			if (source_list.options[i].selected)
			{
				if (mylist.length == 0)
				{
					mylist = source_list.options[i].value;
				}
				else
				{
					mylist = mylist+ ',' + source_list.options[i].value;
				}
			}
		}	
		if (mylist == "0,2") 
		{
        	alert("Choix incompatibles !!");
            return 0;
        }

			document.monform.mon_texte.value = mylist;
			return true;
		
	}
}

</script>

<?php
echo '<form method="post" action="test.php" name="monform" onsubmit="return valider()">';  
	echo '<select name="ma_liste[]" size="5" multiple="MULTIPLE">';  
		echo '<option value="0">Aucun</option>';
		echo '<option value="1">Cosmetique</option>';
		echo '<option value="2">Fonctionnel</option>';
		echo '<option value="3">T&eacute;l&eacute;chargement</option>';
		echo '<option value="4">Autre</option>';
	echo '</select>';
echo '<input type="hidden" name="mon_texte" size="30">';
echo '<input type="submit" value="Valider mes choix">';

Il ne prend pas en compte la boucle en rouge :(
Je ne comprend pas pourquoi si on met le controle sur le bouton valider, c'est une erreur ?

02/04/2008, 15h37
E.Bzz

Citation:

Envoyé par Nemesis007

Il ne prend pas en compte la boucle en rouge :(

Ta constitution de myList fonctionnait avant ?
Si tu fais un alert(mylist) avant mon ajout, ça affiche quoi ?

Citation:

Je ne comprend pas pourquoi si on met le controle sur le bouton valider, c'est une erreur ?

D'une certaine manière oui (même si la syntaxe est correcte).
C'est l'évènement onsubmit qui a ce rôle : lorsqu'il renvoie true, le submit est déclenché, lorsqu'il renvoie false, il est interrompu ...

A+
02/04/2008, 15h41
Nemesis007

Citation:

Envoyé par E.Bzz

Ta constitution de myList fonctionnait avant ?
Si tu fais un alert(mylist) avant mon ajout, ça affiche quoi ?

Ca n'affiche rien, donc j'en déduis que le problème vient d'avant. Pourtant quand j'affiche les valeurs des index, ceux sont bien les bons.

Edit : J'ai essayé de mettre des alert("coucou"); un peu partout et je remarque que le script n'est pas exécuté.

Citation:

Envoyé par E.Bzz

D'une certaine manière oui (même si la syntaxe est correcte).
C'est l'évènement onsubmit qui a ce rôle : lorsqu'il renvoie true, le submit est déclenché, lorsqu'il renvoie false, il est interrompu ...

Merci pour ces précisions :)
02/04/2008, 15h51
Nemesis007

J'ai trouvé l'erreur, elle provenait du "ma_liste[]" dans le select...

Merci pour ton aide :)