Foros del Web » Programando para Internet » Javascript »

Deshabilitar option de un Select

Estas en el tema de Deshabilitar option de un Select en el foro de Javascript en Foros del Web. Hola! Tengo esto: <select name="combo1" id="combo"> <option value="default" selected="selected" id="default"></option> <option id="1" value="div1" >2</option> <option id="2" value="div2" >2</option> <option id="2" value="div2">2</option> </select> Quiero que al ...
  #1 (permalink)  
Antiguo 31/01/2008, 11:14
 
Fecha de Ingreso: julio-2006
Mensajes: 145
Antigüedad: 18 años, 5 meses
Puntos: 0
Deshabilitar option de un Select

Hola!

Tengo esto:
<select name="combo1" id="combo">
<option value="default" selected="selected" id="default"></option>
<option id="1" value="div1" >2</option>
<option id="2" value="div2" >2</option>
<option id="2" value="div2">2</option>
</select>

Quiero que al hacer click en un boton se deshabilite una de las opciones:
la 1 la 2 o la 3.
He conseguido deshabilitar el combo entero:
document.getElementById("combo1").disabled=true;

pero dandole la id de una option:

document.getElementById("1").disabled=true;
No funciona.

Es posible?

Muchas gracias!
  #2 (permalink)  
Antiguo 31/01/2008, 14:36
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 7 meses
Puntos: 834
Re: Deshabilitar option de un Select

Como al parecer Explorer no reconoce el atributo disabled en un option, un camino alternativo puede ser este:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<
title>Untitled Document</title>
</
head>

<
body>
<
form id="form1" name="form1" method="post" action=""><select name="combo1" id="combo">
<
option value="default" selected="selected" id="default"></option>
<
option id="a" value="div1" >2</option>
<
option id="b" value="div2">2</option>
<
option id="c" value="div2">2</option>
</
select>
  <
input type="button" name="Button" value="Button" onclick="o=document.createElement('optgroup');o.value=document.getElementById('a').value;o.id='a';o.label=o.innerHTML=document.getElementById('a').innerHTML;
  document.getElementById('a').parentNode.replaceChild(o,document.getElementById('a'));
  " 
/>
  <
input type="button" name="Button" value="Button" onclick="o2=document.createElement('option');o2.value=document.getElementById('a').value;o2.id='a';o2.innerHTML=document.getElementById('a').label;
  document.getElementById('a').parentNode.replaceChild(o2,document.getElementById('a'));" 
/>
</
form>
</
body>
</
html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:31.