Multiselect avec groupe d'options
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:
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:
1
2
3
4
|
$(".prix").click(function(){
$(this).siblings().attr('selected', false);
}); |
ou encore
Code:
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
