Dé-sélectionner une option d'un select multiple

Version imprimable

Bonjour à tous,

Je cherche, comme dit dans le titre, à dé-sélectionner une option précise d'un select multiple, sachant que je connais sa valeur.
Code:

1 2 3 4 5 6 7 8 9 10 11 var badIdCat = rec[0]; // value de l'option à dé-sectionner $("#categories option:selected").each(function () { if($(this).val() == badIdCat){ alert($("Je dois désélectionner "+badIdCat); //affiche la bonne valeur $('#categories option[value='+badIdCat+']').attr("selected", "false"); } });
Ne dé-sélectionne rien du tout !
Pareil avec
Code:

1 2 $('#categories option[value='+badIdCat+']').attr("selectedIndex", "-1");
Pourquoi ?
Merci de vos brillantes lumières.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(function(){
 $('#bar option').attr('selected',true)
 
 $('#bar option[value=4]').attr('selected',false)
})
 
</script>
 
</head>
<body>
<select id="bar" multiple >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>

07/09/2011, 11h40
renaud26

Bonjour SpaceFrog et merci d'être passé par là.

Ton code fonctionne mais ne donne pas le résultat escompté :
Effectivement, là, toutes les options de la liste sont sélectionnées, sauf celle qui à la valeur badIdCat

Mais ce que je veux, c'est que seules les options qui avaient été sélectionnées le restent. Si le user avait sélectionné "toto", "tutu" et "tata" et que "tata" soit la badValue, alors seules "toto" et "tata" resteraient sélectionnées.

Tu vois le truc ?

Code:

1
2
3
4
5
var badIdCat = rec[0]; // value de l'option à dé-sectionner
$("#categories option:selected").each(function () {
    if($(this).val() == badIdCat)
	$(this]').attr("selected", false);
});

Ou en plus court :
Code:

1 2 var badIdCat = rec[0]; // value de l'option à dé-sectionner $("#categories option[value='"+badIdCat+"']").removeAttr('selected');
http://jsfiddle.net/Chouchen/xJNRH/

07/09/2011, 12h18
renaud26

Oui, c'est bien ça.
Merci à vous deux et bonne journée.
:D