deshabilitar option

fjmasero · #1 (**permalink**) 24/06/2003, 03:33

Hola:

¿Como se puede deshabilitar un option q se muestra en un select?.

He probado con el disabled, pero permite elegir el option donde lo he incluido.

Salu2 y gracias.

TurKa · #2 (**permalink**) 10/07/2003, 22:01

No, no puedes hacerlo con disabled ya que slo serviría para todo el select. Lo que puedes hacer es bloquear la posibilidad de selección del option mediante javascript:

Código:

<script languaje="javascript">
function valida(form) {
	if (form.patata.options[1].selected == true) {
	alert('Esta opción no está disponible');
	form.patata.options[0].selected = true;
	}
}
</script>

<form name="wwwww"><select name="patata" onChange="valida(this.form)">
<option value=0>rrrrr</option>
<option value=1>hfhfh</option>
<option value=2>nnnn</option>
</select>

Explicación:

if (form.patata.options[1].selected == true) le está diciendo: si la opción 1 (es decir la segunda porque se cuenta desde 0) está seleccionada

alert('Esta opción no está disponible'); Dar un mensaje de alerta avisando que no está disponible

form.patata.options[0].selected = true; y seleccionar la opción 0 (es decir la primer opción). Virtualmente estaría colocando el foco al principio del select.

Luego, cuando al select le indicas:
onChange="valida(this.form)" le estás diciendo: cuando cambie la selección realiza todo lo anterior.

KarlanKas · #3 (**permalink**) 11/07/2003, 00:35

Rock del traslado desde HTML

Vamonos todos a javascriiiiiiiipt
porque es que aquiiiiiiiiiiii
no podemos seguiiiiiiiiiiir.

dudua dudua!

ASCENDEDMASTERS · #4 (**permalink**) 28/03/2007, 15:04

pero que pasa si yo quiero que al seleccionar tal opcion de un select se "habilite" otro? yo he visto que quedan como sombreados que no se pueden usar, y se habilitan cuando se cumplen algunas opciones, como es eso?

zyon · #5 (**permalink**) 28/03/2007, 15:31

Que tal, prueba esto :

Código HTML:

<script>
function activar(obj){
  if(obj.value=='activa')
         document.getElementById("dos").disabled=false;
  else
         document.getElementById("dos").disabled=true;  
}
</script>

...

Código HTML:

<select name="uno" onChange="activar(this);">
	<option value="no">Valor X</option>
	<option value="no1">Valor Y</option>
	<option value="activa">Valor Activa</option>	
</select>

<select name="dos" onChange="" disabled>
	<option value="a">Valor A</option>
	<option value="b">Valor B</option>	
</select>

ASCENDEDMASTERS · #6 (**permalink**) 28/03/2007, 17:01

joya, gracias Zyon

zyon · #7 (**permalink**) 28/03/2007, 17:11

de nada, hay que hecharnos la mano cundo se puede :P

chiquirf · #8 (**permalink**) 31/05/2009, 15:27

a Mi no me funciona en IE.... alquien me puede ayudar????

Esto es lo que hago:

Código PHP:

  <html>

<head>

 
<script language="javascript" type="text/javascript">

<!--

 
function cond_1(){

 
    frm = document.Form1;

    ord = frm.p1.selectedIndex;

    alert("has seleccionado la opcion: " +ord);

    switch(ord) {

    

        case 0:

            break;

        case 1:

            frm.p2[1].readonly = "readonly";

            frm.p2.options[2].disabled = true;

            document.getElementById("p2")[3].disabled = true;

            document.getElementById("p2").options[4].disabled = true;

            

            //frm.p2.p2e.disabled = true;

            document.getElementById("p2e").disabled = true;

            

            frm.p2[6].disabled = false;

            frm.p2.options[7].disabled = false;

            

            

            

            break;

        case 2:

            frm.p2[1].disabled = false;

            frm.p2.options[2].disabled = false;

            document.getElementById("p2")[3].disabled = false;

            document.getElementById("p2").options[4].disabled = false;

            frm.p2[6].disabled = true;

            frm.p2.options[7].disabled = true;

            

            break;

    }

}

 
-->

</script>

 
</head>

 
 
<body>

<form id="Form1" name="Form1" method="post" action="">

 
<select name="p1" id="p1" onchange="javascript:cond_1(this.value);">

    <option value="" selected="selected"></option>

    <option value="1">opcion 1</option>

    <option value="2">opcion 2</option>

</select>

 
<br>

<br>

<select name="p2" id="p2">

    <option value="" selected="selected"></option>

    <option id="p2a" name="p2a" value="1">opcion 1</option>

    <option id="p2b" name="p2b" value="2">opcion 2</option>

    <option id="p2c" name="p2c" value="3">opcion 3</option>

    <option id="p2d" name="p2d" value="4">opcion 4</option>

    <option id="p2e" name="p2e" value="5">opcion 5</option>

    <option id="p2f" name="p2f" value="6" disabled="disabled">opcion 6</option>

    <option id="p2g" name="p2g" value="7" disabled="disabled">opcion 7</option>

</select>

 
</form>

 
</body> 

 
</html>

saludos

gracias

chiquirf · #9 (**permalink**) 31/05/2009, 16:43

POR SI ALGUIEN MAS LO BUSCA....

para el disabled del option de un select, con esto se soluciona...
http://apptaro.seesaa.net/article/21140090.html

Saludos