Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/06/2010, 16:55
alexrivera
 
Fecha de Ingreso: agosto-2008
Mensajes: 46
Antigüedad: 16 años, 3 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>