Dé-sélectionner une option d'un select multiple [Résolu]

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.

07/09/2011, 11h40	#3
renaud26 Membre confirmé Inscription : mars 2003 Messages : 1 043 Détails du profil Informations personnelles : Âge : 48 Localisation : France, Puy de Dôme (Auvergne) Informations forums : Inscription : mars 2003 Messages : 1 043 Points : 285 Points : 285	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 ?
	00

07/09/2011, 12h18	#6
renaud26 Membre confirmé Inscription : mars 2003 Messages : 1 043 Détails du profil Informations personnelles : Âge : 48 Localisation : France, Puy de Dôme (Auvergne) Informations forums : Inscription : mars 2003 Messages : 1 043 Points : 285 Points : 285	Oui, c'est bien ça. Merci à vous deux et bonne journée.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email