Activar boton de envio cuando se selecciona una opcion de un campo select

marco_sa · #1 (**permalink**) 12/01/2008, 17:36

Hola

Necesito saber si hay alguna manera y como se pude hacer, el activar el boton enviar de un formulario solo cuando se seleccione cualquier opcion de un campo select, a excepcion del predeterminado.

Aqui os pongo el codigo del html

Código HTML:

<form action="" method="post" name="frm" id="frm">
  <p>
    <select name="select">
      <option value="0" selected>Predeterminado</option>
      <option value="1">Uno</option>
      <option value="2">Dos</option>
    </select>
</p>
  <p>
    <input type="submit" name="Submit" value="Enviar">
</p>
</form>

Quiero si se pudiera claro que se activara el boton enviar cuando seleccionara por ejemplo Uno ó Dos.

Un saludo, gracias

caricatos · #2 (**permalink**) 12/01/2008, 17:41

Hola:

Más o menos:

<select onchange="Submit.disabled = this.value == 0"...

Y poner ese botón disabled al principio.

Saludos

marco_sa · #3 (**permalink**) 12/01/2008, 18:00

Cita:

Iniciado por caricatos

Hola:

Más o menos:

<select onchange="Submit.disabled = this.value == 0"...

Y poner ese botón disabled al principio.

Saludos

Hola Caricatos

Muchas gracias por tu aportación

Lo he resuelto asi variando tu idea aqui dejo el codigo que segruo que alguien le vale algun dia.

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>T&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
 function activa_boton(campo,boton){
	if (campo.value != "0"){
		boton.disabled=false;
	} else {
		boton.disabled=true;
	}
}
</script> 
</head>

<body>
<form action="" method="post" name="frm" id="frm">
  <p>
    <select name="select" onChange="activa_boton(this,this.form.boton)">
      <option value="0" selected>Predeterminado</option>
      <option value="1">Uno</option>
      <option value="2">Dos</option>
    </select>
</p>
  <p>
    <input type="submit" name="boton" id="boton" value="Enviar" disabled=true>
</p>
</form>
</body>
</html>

Muchas gracias por la idea.

Saludos.

caricatos · #4 (**permalink**) 13/01/2008, 01:28

Hola:

Al hacer una comparación estás consultando un valor lógico o booleano, y puedes usar ese valores directamente en una asignación (hasta es más eficiente)...

Código:

if (campo.value != "0"){
	boton.disabled=false;
} else {
	boton.disabled=true;
}

Es exactamente igual a:

Código:

boton.disabled = (campo.value == "0");

Saludos