jQuery - приховати параметр за значенням - jquery, select, hide, html-select

Спроба приховати елемент опції зі списку. Я спробував кілька методів, однак, здається, це не працює. Мені потрібно викликати select по імені, оскільки я не можу додати ідентифікатор або клас.

$("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();

The > означає пошук у попередньому селекторі наступного селектора.

Ось ваша оновлена ​​скрипка: http://jsfiddle.net/q2nb08t6/2/

Крім того, якщо це одноразова ситуація, ви можете ще більше спростити свій селектор, щоб:

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