Discussion :

[swingstar]

Bonjour,
j'essaye de faire une liste select avec plusieurs sous groupe d'options, ne pouvant supporter chacune qu'une seule et unique sélection:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<select id="monselect" multiple="multiple">
<optgroup  label="Group One">
	<option class="prix" value="croissant">Option 1</option>
	<option class="prix" value="decroissant">Option 2</option>
</optgroup>
<optgroup label="Group Two">
	<option class="brand" value="marque1">Option 4</option>
	<option class="brand" value="marque2">Option 5</option>
	<option class="brand" value="marque3">Option </option>
</optgroup>
</select>

J'utilise ensuite le widget jquery multiselect. L'idée c'est donc un multiselect mais unique pour chaque sous-groupe d'options. Si je clique sur la première case option ".prix" les autres ".prix" se désélectionnent et idem pour chaque groupe.
Quelqu'un aurait une petite idée comment faire cela. J'ai tenté plusieurs choses comme:

Code :

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

1
2
3
4
 
$(".prix").click(function(){
	$(this).siblings().attr('selected', false);
});

ou encore

Code :

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

1
2
3
4
 
$(".prix").click(function(){
	$(this).siblings().removeAttr('selected');
});

mais sans succès alors que ça me semblait logique.
Quelqu'un aurait-il une petite idée du pourquoi que ça déconne???
merci d'avance pour vos réponses

[swingstar]

J'ai trouvé la solution car le plugin multiselect génère du code à la volée, donc forcément la structure html de base est modifiée.
Pour ce que ça peut intéresser:

Code :

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

1
2
3
4
 
$(".prix").click(function(){
		$(this).siblings(".prix").find('input').prop('checked', false);
	});

[danielhagnoul]

Bonsoir

UI SelectMenu avec un attribut "multiple" ! Ce widget remplace uniquement un "select" à choix unique.

Un "select" à choix multiple peut toujours être utilisé plusieurs fois, si l'on ne peut choisir qu'une seule valeur dans chaque groupe cela va dérouter l'utilisateur qui doit toujours pouvoir modifier son choix.

Je vous conseille de construire un "select" à choix unique par groupe.