Ver Mensaje Individual
  #2 (permalink)  
Antiguo 18/03/2009, 02:42
Avatar de ceSharp
ceSharp
 
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