jQuery - скрий опционалния елемент по стойност - jquery, select, hide, html-select

Опитвате се да скриете опционен елемент от списък. Опитах няколко метода, но не може да работи. Трябва да се обадя за избор по име, тъй като не мога да добавя ID или клас.

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

тук цигулка: http://jsfiddle.net/q2nb08t6/

някакви предположения?

Отговори:

Ако можете да го премахнете, изглежда, че това работи във всички браузъри:

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

Тестван във FF, Chrome, Safari, IE и Opera.

Демо завинаги

Сменете селектора на

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

Най- > означава да търсите предходния селектор за следния селектор.

Ето вашата актуализирана скрипка: http://jsfiddle.net/q2nb08t6/2/

Освен това, ако това е еднократна ситуация, бихте могли да опростите селектора си още повече до:

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