<form name="formular" action="cualquiera.html" method="post">
<select name="transporte" type="check"onclick="document.formular.enviar.disabled=!document.formular.enviar.disabled" >
<option >Coche</option>
<option >Avión</option>
<option >Tren</option>
</select>
<input type="submit" name="enviar" value="Enviar" disabled>
</form>
Añade un comentario
|
2 respuestas
He usado el evento Onchange
en vez de onClick
y la comprobacion de si el indice seleccionado es distinto al primero para que si no hay ninguno seleccionado, se bloquee de nuevo.
El cambio que hacias de la negación del estado anterior hacia que bloqueara y desbloqueara el boton intermitentemente sin ninguna lógica util.
function activarBoton(){
var lista = document.getElementById("transporte");
var boton = document.getElementById("enviar");
if(lista.selectedIndex !=0 )
boton.disabled = false;
else{
boton.disabled = true;
}
}
<form name="formular" action="cualquiera.html" method="post">
<select name="transporte" type="check" onchange="activarBoton()" id="transporte" >
<option >Seleccione una opción</option>
<option >Coche</option>
<option >Avión</option>
<option >Tren</option>
</select>
<input type="submit" name="enviar" value="Enviar" id="enviar" disabled>
</form>
-
pero lo que pasa es que tengo 2 onchange y me pone problema este Commented el 17 abr. 2017 a las 15:04
-
@KevinCastaño Puedes mostrar el codigo completo para que pueda adaptar mi respuesta?– lois6bCommented el 17 abr. 2017 a las 15:06
Siguiendo un poco tu estilo de desarrollo, aquí te muestro como deberías hacerlo:
<form name="formular" action="cualquiera.html" method="post">
<select name="transporte" type="check" onclick="document.formular.enviar.disabled=this.selectedIndex==0" >
<option >Coche</option>
<option >Avión</option>
<option >Tren</option>
</select>
<input type="submit" name="enviar" value="Enviar" disabled>
</form>
Sin embargo es importante mencionar que aunque puedes hacerlo no es buena practica colocar el código javascript dentro del evento onClick
onChange
, etc., lo correcto es crear una función con el codigo javascript y que esta sea invocada al ocurrir el evento, en el siguiente ejemplo te muestro una buena practica de como hacer:
function enableSubmit(e){
document.getElementsByName("enviar")[0].disabled=e.selectedIndex==0;
}
<form name="formular" action="cualquiera.html" method="post">
<select name="transporte" onChange="enableSubmit(this)" >
<option>Seleccione una opcion</option>
<option>Coche</option>
<option>Avión</option>
<option>Tren</option>
</select>
<input type="submit" name="enviar" value="Enviar" disabled>
</form>
-
me gusta tu respuesta (+1), también debí usar
selectedIndex==0
para ahorrar lineas de codigo ^^' Un saludo– lois6bCommented el 18 abr. 2017 a las 15:46