2

<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> 

2 respuestas 2

3

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>

2
  • 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?
    – lois6b
    Commented el 17 abr. 2017 a las 15:06
2

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>

1
  • me gusta tu respuesta (+1), también debí usar selectedIndex==0 para ahorrar lineas de codigo ^^' Un saludo
    – lois6b
    Commented el 18 abr. 2017 a las 15:46

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.