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

**renaud26** · 07/09/2011, 10h47

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 :

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

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 :

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

1
2
 
$('#categories option[value='+badIdCat+']').attr("selectedIndex", "-1");

Pourquoi ?
Merci de vos brillantes lumières.

**SpaceFrog** · 07/09/2011, 11h20

Code :

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

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>

**renaud26** · 07/09/2011, 11h40

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 ?

**Shikiryu** · 07/09/2011, 11h51

Code :

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

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);
});

**Shikiryu** · 07/09/2011, 11h55

Ou en plus court :

Code :

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

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

http://jsfiddle.net/Chouchen/xJNRH/

**renaud26** · 07/09/2011, 12h18

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

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

jQuery

Discussions similaires

Partager

Partager