Liste déroulante multiple

Version imprimable

01/08/2013, 15h32
toinehxc

Liste déroulante multiple
Bonjour à tous,

Pour un petit projet, j'ai à faire plusieurs listes déroulantes à choix multiples. Jusque là, pas de problème je fais comme suit:
Code:

1 2 3 4 5 <SELECT name="type_choix[]" multiple="multiple" size="5"> <OPTION>Fixe</option> <OPTION>Mobile</option> <OPTION>Jauge</option> </SELECT>
Pour ma part, c'était réglé, seulement une personne du service, voudrait cette même liste, sans rien changer, à part de permettre la sélection multiple sans utiliser la touche ctrl... Juste en utilisant le clique.
Je ne m'étais jamais posé la question du coup je ne sais pas du tout comment faire, et mes recherches sur internet n'ont rien apporté (à part un script javascript qui me modifiait la totalité de mon menu).
Y a t il un moyen relativement simple de faire cela ou j'apprends à mon collègue l'utilisation de la touche ctrl ?

En vous remerciant d'avance.

Antoine

Non, c'est pas particulièrement compliqué :

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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>select multiple</title>
	</head>
	<body>
		<select id="simpleclick" multiple="multiple" size="15">
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
			<option>Valeur du select multiple</option>
		</select>
		<script>
var $options = document.querySelector('#simpleclick').querySelectorAll('option'), taille = $options.length;
while(taille--){
        $options[taille].onmousedown = function(e){
                this.selected = !this.selected;
                e.stopPropagation();
        };
        $options[taille].onclick = function(e){
                return false;
        };
}
                </script>
	</body>
</html>

Citation:

ou j'apprends à mon collègue l'utilisation de la touche ctrl ?

Ca reste malgré tout la meilleure solution possible : il est toujours très fortement déconseillé de modifier le comportement normal d'une interface (même si on a toujours les meilleures raisons du monde de vouloir le faire...) et le comportement normal d'un select multiple, c'est que le clic permet de désélectionner tous les éléments sauf celui cliqué et que c'est le CTRL+Clic qui permet de faire la sélection multiple...

01/08/2013, 16h13
NoSmoking

Bonjour,

Citation:

Envoyé par Bovino

Ca reste malgré tout la meilleure solution possible

je plussoies d'autant qu'il fera comment si s'étant trompé il veux tout désélectionner, il sera obligé de tout recliquer ou de te demander une modification :mrgreen:.
01/08/2013, 16h40
toinehxc

Merci beaucoup pour les réponses :).

Effectivement pour moi, ce n'est pas "naturel" de ne pas utiliser la touche "ctrl", (question d'habitude surement) c'est pour cela que je ne m'étais pas penché sur la question, et je ne pensais que cela dérangerait des personnes.

je passe en résolu