Emular el atributo disabled de un <option> en IE

AlZuwaga · #1 (**permalink**) 23/04/2007, 15:33

Buenas, necesito deshabilitar algunos <options> de un <select> para lo cual puse esto...

Código:

      <select name="id_tema" class="campos" id="id_tema">
	    <option value="" selected="selected">-- Seleccione --</option>
	    <option value="1">Tarifaria y Fiscal</option>
	    <option value="2">Instalaci&oacute;n</option>
	    <option value="3" disabled="disabled">Planeamiento Urbano</option>
	    <option value="4" disabled="disabled">Medio Ambiente</option>
	  </select>

... pero el maldito IE se pasa por ya saben dónde el atruto "disabled".
¿Hay alguna manera, ya sea mediante JS o lo que fuere, para emularlo?

Saludos y gracias

#2 (**permalink**) 23/04/2007, 19:08

Pues supongo que con javascript se tiene que poder hacer, se me ocurre algo como esto:
Para el select ponés en el onchange una función JS
La función javascript verifica que la opcion seleccionada tenga el atributo disabled.
Si lo tiene, vuelve a la opción seleccionada anteriormente (quizás mostrando un cuadrito en la pantalla que indique que esa opción no se puede seleccionar)
Si no lo tiene, no hacer nada.
En cualquiera de los casos, debería guardar el índice actual, para compararlo en el próximo cambio.

No me acuerdo de memoria cómo se implementaría, pero seguro que la palabra clave debería ser el método selectedIndex que corresponde al select.

Probablemente en el foro de javascript haya algo sobre el manejo de los select.

Saludos.

JavierB · #3 (**permalink**) 24/04/2007, 04:24

Hola Al

Siguiendo el guion de alvlin, ha salido esto:

Código PHP:

  <html>
<head>
<style type="text/css">
.disa {color: gray}
</style>
<script type="text/javascript">
var indice = 0;
function comprobar(obj) {
  nuevoIndice = obj.selectedIndex;
  if(obj.options[nuevoIndice].disabled)
    obj.selectedIndex = indice;
  else
    indice = nuevoIndice;
}
</script>
</head>
<body>
<select name="id_tema" class="campos" id="id_tema" onchange="comprobar(this)">
        <option value="" selected="selected">-- Seleccione --</option>
        <option value="1">Tarifaria y Fiscal</option>
        <option value="2">Instalaci&oacute;n</option>
        <option value="3" disabled="disabled" class="disa">Planeamiento Urbano</option>
        <option value="4" disabled="disabled" class="disa">Medio Ambiente</option>
</select>
</body>
</html>

Espero que te sirva. Saludos,

P.D. Ya mismo te pongo una infracción por haberte confundido de foro.

AlZuwaga · #4 (**permalink**) 24/04/2007, 10:57

Hola y gracias a los dos.
Finalmente "eliminé" (oculté mediante php) las opciones para los usuarios sin permiso a las mismas en ves de usar el atributo disabled, pero igual se agradece el aproach (que será de utilidad si lo vuelvo a necesitr)

Un saludos