jQuery - Élément d'option masquer par valeur - jQuery, select, masquer, html-select

Essayer de cacher un élément d'option d'une liste. J'ai essayé plusieurs méthodes cependant, ne semble pas fonctionner. Je dois appeler select par son nom car je ne peux pas ajouter d'identifiant ou de classe.

$("select[name*="boxes"] option[value="box6"]").hide();

voici le violon: http://jsfiddle.net/q2nb08t6/

Aucune suggestion?

Réponses:

Si vous pouvez le supprimer, cela semble fonctionner dans tous les navigateurs:

$("select[name*="boxes"] option[value="box6"]").remove();

Testé dans FF, Chrome, Safari, IE et Opera.

Violon de démonstration

Changez votre sélecteur en

$("select[name*="boxes"] > option[value="box6"]").hide();

le > signifie rechercher dans le sélecteur précédent le sélecteur suivant.

Voici votre violon mis à jour: http://jsfiddle.net/q2nb08t6/2/

De plus, s'il s'agit d'une situation ponctuelle, vous pouvez simplifier davantage votre sélecteur pour:

$("option[value="box6"]").hide();