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:
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.
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>
Quelqu'un aurait une petite idée comment faire cela. J'ai tenté plusieurs choses comme:
ou encore
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 $(".prix").click(function(){ $(this).siblings().attr('selected', false); });
mais sans succès alors que ça me semblait logique.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 $(".prix").click(function(){ $(this).siblings().removeAttr('selected'); });
Quelqu'un aurait-il une petite idée du pourquoi que ça déconne???
merci d'avance pour vos réponses
Partager