hide () no funciona en IE

Mi código funciona perfectamente en Firefox y da error en IE. ¿algunas ideas?

Tengo un menú desplegable con varias opciones, estoy tratando de mostrar / ocultar las opciones en otro menú desplegable basado en el valor seleccionado.

function selectNames() { var Name = $("#SelectName").attr("value"); $("."+Name).each(function() { $(this).hide(); }); } 
  <option class="Name1" value="SomeName1"  <option class="Name2" value="SomeName2"    <option value="Name1"  <option value="Name2"   

Cualquier ayuda es apreciada ..

Asegúrate de cerrar la etiqueta de inicio. Intenta usar esto:

   

Parece que funciona para mí en IE8 .

No funcionará en IE y Chrome

Echa un vistazo en IE o Chrome

La mejor alternativa que puede hacer es eliminar la opción en lugar de ocultarla (debe guardar una copia de las opciones originales antes de eliminarla).

 var copy = $("."+Name).clone(); function selectNames() { $("#thefirstselect option").remove(); copy.appendTo("#thefirstselect"); var Name = $("#SelectName").val(); $("."+Name).each(function() { $(this).remove(); }); } 

Su marca no es correcta. Cada una de las opciones de etiqueta abierta no está cerrada correctamente.

Además, las especificaciones no especifican cambios de CSS en tags de opciones individuales, aunque sí funciona en Firefox.

En palabras más simples, no puede ocultar entradas individuales, en cuyo caso, tendrá que eliminarlas.

Si se trata de copiar y pegar directamente, debe cerrar las opciones de selección para tener este aspecto:

   

Sugeriría tener dos selecciones que muestres y ocultes. Mostrar y ocultar opciones suena arriesgado.

Además, asegúrese de establecer la selección oculta en attr('disabled','disabled') / disabled="disabled" y luego, cuando lo muestre, deshacerlo con removeAttr('disabled') . Esto es para evitar que la selección oculta publique datos en el servidor cuando tiene varias selecciones con el mismo name="..." .

Si debe usar una sola selección, es posible que desee appendTo / remove las opciones, pero eso depende de usted. Si mostrar / ocultar funciona en todos los navegadores, hazlo.

Lamentablemente, simplemente no puedes.
IE no admite ocultar opciones individuales en una selección, ni Chrome ni Opera. Esta característica no es navegador cruzado.

Lo que puedes hacer es eliminar la opción y agregarla de nuevo más tarde …