jQuery - Optionselement nach Wert ausblenden - jquery, select, hide, html-select

Es wurde versucht, ein Optionselement aus einer Liste auszublenden. Ich habe verschiedene Methoden ausprobiert, kann aber nicht zu funktionieren scheinen. Ich muss select by name anrufen, da ich keine ID oder Klasse hinzufügen kann.

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

hier die Geige: http://jsfiddle.net/q2nb08t6/

irgendwelche Vorschläge?

Antworten:

Wenn Sie es entfernen können, scheint dies in allen Browsern zu funktionieren:

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

Getestet in FF, Chrome, Safari, IE und Opera.

Demo-Geige

Ändern Sie Ihre Auswahl in

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

Das > bedeutet, den vorhergehenden Selektor nach dem folgenden Selektor zu durchsuchen.

Hier ist deine aktualisierte Geige: http://jsfiddle.net/q2nb08t6/2/

Wenn dies eine einmalige Situation ist, können Sie Ihre Auswahl noch weiter vereinfachen, um:

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