jQuery - ocultar elemento da opção por valor - jquery, select, hide, html-select

Tentando ocultar um elemento de opção de uma lista. Eu tentei vários métodos, mas parece que não funciona. Preciso ligar para selecionar pelo nome, pois não consigo adicionar ID ou classe.

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

aqui o violino: http://jsfiddle.net/q2nb08t6/

alguma sugestão?

Respostas:

Se você puder prosseguir com a remoção, isso parece funcionar em todos os navegadores:

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

Testado em FF, Chrome, Safari, IE e Opera.

Fiddle Demo

Mude o seu seletor para

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

o > significa pesquisar o seletor anterior para o seletor seguinte.

Aqui está seu violino atualizado: http://jsfiddle.net/q2nb08t6/2/

Além disso, se esta for uma situação única, você pode simplificar ainda mais o seu seletor para:

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