Foros del Web » Programando para Internet » Javascript »

Desactivar input text al seleccionar un elemento de un Select

Estas en el tema de Desactivar input text al seleccionar un elemento de un Select en el foro de Javascript en Foros del Web. Hola amigos: Quisiera pedirles de favor que me ayudaran a hacer lo siguiente : Tengo un formulario de insercion de datos, y en el he ...
  #1 (permalink)  
Antiguo 29/06/2010, 16:55
 
Fecha de Ingreso: agosto-2008
Mensajes: 46
Antigüedad: 15 años, 8 meses
Puntos: 0
Desactivar input text al seleccionar un elemento de un Select

Hola amigos:

Quisiera pedirles de favor que me ayudaran a hacer lo siguiente :

Tengo un formulario de insercion de datos, y en el he colocado un Select, que me muestra cuatro opciones: Diaria, Semanal, Fin de Semana y Mensual.

Necesito saber como puedo hacer para que al seleccionar del Select la opcion "Fin de Semana", se me desactiven los input text "fecha-inicio" y "fecha_fin".

El código de mi formulario es este:

<!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=utf-8" />
<title>Ingresar Tarifa</title>
</head>

<body>
<form id="form1" name="form1" method="post" action="">

<ul>
<li>
<label for="tarifa"></label>
Seleccione una tarifa
<select name="tarifa" id="tarifa">
<option value="0">Seleccione un valor</option>
<option value="1">Diaria</option>
<option value="2">Semanal</option>
<option value="3">Fin de semana</option>
<option value="4">Mensual</option>
</select>
</li>

<li>
<label for="valor">Valor:</label>
<input type="text" name="valor" id="valor" />
</li>

<li>
<label for="fecha_inicio">Fecha Inicio:</label>
<input type="text" name="fecha_inicio" id="fecha_inicio" />
</li>

<li>
<label for="fecha_inicio">Fecha Fin:</label>
<input type="text" name="fecha_fin" id="fecha_inicio" />
</li>

<li>
<input type="submit" name="enviar" id="enviar" value="Insertar Datos" />
</li>

</ul>

</form>

</body>
</html>
  #2 (permalink)  
Antiguo 30/06/2010, 04:55
 
Fecha de Ingreso: septiembre-2009
Mensajes: 215
Antigüedad: 14 años, 7 meses
Puntos: 1
Respuesta: Desactivar input text al seleccionar un elemento de un Select

document.getElementById("tarifa").onchange() = function()
{
if (this.value == 3)
document.getElementById('fecha_inicio').disabled = "disabled";
document.getElementById('fecha_fin').disabled = "disabled";
}
  #3 (permalink)  
Antiguo 30/06/2010, 06:14
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Desactivar input text al seleccionar un elemento de un Select

Para mí es más práctico hacerlo con selectedIndex, porque si quiere cambiar el value del option tiene que cambiar también el código, pero aparte de eso, onchange es una propiedad del objeto y no lleva paréntesis; y los if pueden no llevar llaves cuando todas las acciones que deben ejecutar se escriben en una misma línea, si hay más de una hay que ponerlas.
Saludos (:
  #4 (permalink)  
Antiguo 30/06/2010, 06:16
 
Fecha de Ingreso: septiembre-2009
Mensajes: 215
Antigüedad: 14 años, 7 meses
Puntos: 1
Respuesta: Desactivar input text al seleccionar un elemento de un Select

jaja vale vale, yo solo quería darle la idea....
  #5 (permalink)  
Antiguo 30/06/2010, 06:32
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Desactivar input text al seleccionar un elemento de un Select

Si no te estaba riñendo ni nada xD
Voy a tener que poner caras más sonrientes en las despedidas jajaja

Etiquetas: desactivar, input, seleccionar, select, txt
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 09:08.