select choix multiple

**Nemesis007** · 02/04/2008, 14h18

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 :

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

**E.Bzz** · 02/04/2008, 14h34

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

A+

**Nemesis007** · 02/04/2008, 14h37

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

**E.Bzz** · 02/04/2008, 14h37

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

RE-EDIT : adaptations "multiple" ...

A+

**Nemesis007** · 02/04/2008, 14h59

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)

**E.Bzz** · 02/04/2008, 15h03

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

Code :

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

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+

**E.Bzz** · 02/04/2008, 15h09

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

A+

**Nemesis007** · 02/04/2008, 15h09

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

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 !

**E.Bzz** · 02/04/2008, 15h10

Envoyé par Nemesis007

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

Encore un oubli de ma part

cf. ci-dessus ...

A+

**Nemesis007** · 02/04/2008, 15h18

Envoyé par E.Bzz

Encore un oubli de ma part

cf. ci-dessus ...

Pas de problème

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

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

**E.Bzz** · 02/04/2008, 15h37

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 ?

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+

**Nemesis007** · 02/04/2008, 15h41

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

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

**Nemesis007** · 02/04/2008, 15h51

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

Merci pour ton aide

select choix multiple

JavaScript

Discussions similaires

Partager

Partager