Problema para deshabilitar select, cuando cambio radio buton.

af1 · #1 (**permalink**) 23/02/2012, 10:43

Hola. Tengo un problema que no se resolver con javascript, y necesito una mano.

El problema es el siguiente.

Tengo un select (lista) y dos radio buton asociados.

Quiero Habilitar/Deshabilitar el select, cuando cambio la opcion del radio buton. O sea, que cuando está seleccionado un radio buton, que el select este deshabilitado, y cuando se cambia la opcion, seleccionando el otro radio buton, que el select se habilite.

El código HTML es el siguiente:

Código html:

Ver original<html>
 
<head>
 
</head>
 
 
<body>
 
<input type="radio">Que empiece  deshabilitado el select (que el select NO se pueda usar)</input>
</br>
</br>
<input type="radio">Con esta opcion quiero que se habilite el select</input>
    
    <select>
        <option>opcion cualquiera</option>
    </select>
 
</body>
 
 
</html>

Y una imagen de la situación:

Bueno, desde ya gracias. Saludos!!

hmbp22 · #2 (**permalink**) 23/02/2012, 11:01

var sel = document.getElementsByTagName("SELECT")[0];
var radio = document.getElementsByTagName("INPUT")[1];
sel.disabled = true;
radio.addEventListener("change", function() {
if (radio.value === "on") {
sel.disabled = false;
}
}, false);

algo asi puede ser....

af1 · #3 (**permalink**) 06/03/2012, 09:25

Gracias hmbp22, pero no pude hacer andar lo que me sugeriste...

Tambien probe con una respuesta en las FAQS del foro, la solucion en el radio sería:

Código PHP:

Ver originalprint "Corporativo<input type='radio' name='tiposuministro' value='sumincorp' checked onclick='JavaScript:document.requerimiento.tabla.cuerpo.tablafila.tablacolumna.suministroseleccion.disabled = !this.checked'><p></p>";

El problema que tengo es que no puedo llegar al elemento por el DOM. En este caso puse todo el camino, pero tampoco puedo llegar con document.getElementsByTagName, ni tampoco con la misma funcion anterior pero que trabaja con el Id...

este tema ya me está sacando...

Alguna sugerencia??

gracias!

af1 · #4 (**permalink**) 06/03/2012, 09:53

Estuve probando con ejemplo que encontre en internet:

Código HTML:

Ver original<form name="formulario" action="cualquiera.html" method="post">
 
<input type="radio" name ="i" value="acepto"  checked onchange="document.formulario.enviar.disabled=!document.formulario.enviar.disabled"><br />
 
<input type="radio" name ="i"  value="nacepto" onchange="document.formulario.enviar.disabled=!document.formulario.enviar.disabled"><br />
 
 
 
 <select  name="enviar" value="Enviar" disabled>
</form>

y funciona como yo quiero....

El problema es que, cuando reemplazo el valor del camino del DOM, de mi problema, no lo toma..

Ahora creo que mi problema es poder llegar al elemento select, no estoy pudiendo, y me estoy volviendo loco...

gracias!

af1 · #5 (**permalink**) 06/03/2012, 10:48

ya lo resolvi...

use la funcion:

function activa(){
var sel = document.getElementById('se');
sel.disabled=!sel.disabled;
}

y despues a los radios les puse la propiedad onchange='actica()'

y al select solamente el id='se'

un alivio... saludos