18/03/2009, 02:42
|
| | | Fecha de Ingreso: octubre-2008 Ubicación: Madrid
Mensajes: 495
Antigüedad: 16 años, 3 meses Puntos: 66 | |
Respuesta: Ayuda con "select" hola lalo0002,
prueba con esto, a ver si es lo que buscas:
<script type="text/javascript">
function mostrarCajas(num)
{
var numCajas = new Number(num);
//primero ocultamos todas las cajas, por si hubiera alguna mostrada de antes
//si añades mas cajas deberás de modificar el 7 por el total de cajas de texto + 1
for(i=1;i<7;i++)
{
document.getElementById('caja' + i).style.display = 'none';
}
//ahora mostramos tantas cajas como se hayan marcado en el select
for(i=1;i<numCajas + 1;i++)
{
document.getElementById('caja' + i).style.display = '';
}
}
</script>
.... y esto en el body
<form id="form1" runat="server">
<div>
<select id="cantidad" name="cantidad" onchange="mostrarCajas(this.value);">
<option value="0">elije</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<br />
<input type="text" id="caja1" style="display: none" />
<br />
<input type="text" id="caja2" style="display: none" />
<br />
<input type="text" id="caja3" style="display: none" />
<br />
<input type="text" id="caja4" style="display: none" />
<br />
<input type="text" id="caja5" style="display: none" />
<br />
<input type="text" id="caja6" style="display: none" />
</div>
</form>
salu2 |