Briconsejo: <option> desactivados en IE

Internet Explorer no soporta el atributo DISABLED en los elementos OPTION de una etiqueta SELECT. Cosas de la política que tiene Microsoft acerca de los estándares. Firefox y Safari, en cambio, sí lo soportan.

Se puede hacer un apaño para simular el comportamiento del atributo DISABLED en IE. Para ello utilizamos código CSS própio de IE (behavior) , y un comentario condicional para ocultarlo al resto:

[code lang="html"]

...

...

[/code]

Esto llama a dos ficheros .htc, que contienen código javascript a ejecutar sobre cada elemento OPTGROUP y OPTION de nuestro html.

disabled-option.htc:

[code lang="javascript"]

[/code]

Se ejecuta sobre cada elemento OPTION, y lo sustituye por un OPTGROUP vacío, que en IE tiene un comportamiento similar al de un elemento desactivado.

optgroup-with-disabled-options.htc:

[code lang="javascript"]

[/code]

Se ejecuta sobre cada elemento OPTGROUP buscando elementos OPTION desactivados dentro, y hace lo mismo que la función anterior.

Y hasta aquí el briconsejo de hoy.

Fuente (inglés): http://archie.blogr.com/stories/57864/

Deja un comentario