Foros del Web » Creando para Internet » HTML »

Mostar una caja de texto apartir de una lista desplegable

Estas en el tema de Mostar una caja de texto apartir de una lista desplegable en el foro de HTML en Foros del Web. Buenas noches Muchachos llevo tiempo buscando pero no encuentro lo que realmnete necesito si alguien pueda ayudarme le agradeceria tengo una lista Cita: <select name="cuotas" ...
  #1 (permalink)  
Antiguo 01/09/2009, 23:28
 
Fecha de Ingreso: diciembre-2008
Ubicación: Bogota
Mensajes: 149
Antigüedad: 9 años
Puntos: 1
Mostar una caja de texto apartir de una lista desplegable

Buenas noches
Muchachos llevo tiempo buscando pero no encuentro lo que realmnete necesito si alguien pueda ayudarme le agradeceria

tengo una lista
Cita:
<select name="cuotas" id="cuotas">
<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>
quiero que si el usuairo selecciona el 1 muestre una sola caja de texto
si selecciona dos me muestre dos cajas y asi sucesivamente pero que se cargue automaticamente despues de la seleccion si se pouede eso???

agradezco de antemano su colaboracion
  #2 (permalink)  
Antiguo 02/09/2009, 01:37
Avatar de Corneja  
Fecha de Ingreso: febrero-2008
Ubicación: Senolaf
Mensajes: 268
Antigüedad: 9 años, 9 meses
Puntos: 8
Respuesta: Mostar una caja de texto apartir de una lista desplegable

Si que se puede. Crea tantas cajas de texto como opciones tenga tu select y haz que no sean visibles con la propiedad visibility.
Utilizando el evento onchange del select evaluas con javascript la opción seleccinada. Desde el mismo javascript muestras el número de cajas de texto que desees con un bucle en el que modifiques la mencionada propiedad de las cajas de texto.

Suerte
  #3 (permalink)  
Antiguo 02/09/2009, 02:10
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Mostar una caja de texto apartir de una lista desplegable

O te sugiero leer sobre HTML DOM para que ingreses las cajas de texto cuando haya seleccionado la cantidad.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #4 (permalink)  
Antiguo 02/09/2009, 16:43
 
Fecha de Ingreso: diciembre-2008
Ubicación: Bogota
Mensajes: 149
Antigüedad: 9 años
Puntos: 1
Respuesta: Mostar una caja de texto apartir de una lista desplegable

Hola gracias por responder navegando en la red encontre lo siguiente que es mas o meno lo que busco
http://lineadecodigo.com/categoria/jquery/

sin embargo tengo una dudoa como identifico esas cajas de txto independientes???
  #5 (permalink)  
Antiguo 02/09/2009, 20:54
 
Fecha de Ingreso: diciembre-2008
Ubicación: Bogota
Mensajes: 149
Antigüedad: 9 años
Puntos: 1
Respuesta: Mostar una caja de texto apartir de una lista desplegable

Hola segui el consejo de utilizar el visbility pero resulta que cuando hago visible la caja de texto me queda inhabilitada y no se por que dejo el codigo para una ayuda
Cita:
<script type="text/javascript">

function getOptions()
{
var x=document.getElementById("cuotas").value;

if(x==1){

document.getElementById('unoo').style.display='blo ck';
document.getElementById('uno').style.visibility = 'visible';

}
}
function soloNumeros(evt) {
var tecla = String.fromCharCode(evt.which || evt.keyCode);
if ( !/[\d.\b\r]/.test(tecla) ) return false;
return true;
}
</script>
</head>
<body>
<form>
Seleccione el numero de cuotas:
<select id="cuotas">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
<div id="uno" style="visibility:hidden">

<input type="text" id="unoo" maxlength="10" onkeypress="return soloNumeros(event);" class="text ui-widget-content ui-corner-all" style="display: none;"/>
<input type="text" name="fecha_terminacion1" id="fecha_terminacion1" class="text ui-widget-content ui-corner-all" />
</div>
<br /><br />
<input type="button" onclick="getOptions()" value="Output all options">
</form>
</body>

</html>
Si alguien pudiera ayudarme le agradeceria
  #6 (permalink)  
Antiguo 03/09/2009, 02:24
Avatar de Corneja  
Fecha de Ingreso: febrero-2008
Ubicación: Senolaf
Mensajes: 268
Antigüedad: 9 años, 9 meses
Puntos: 8
Respuesta: Mostar una caja de texto apartir de una lista desplegable

Lo que te falta es que no estas poniendo el value al option

Código:
<option value="1">1</option>
y ya de paso, si quieres controla el evento onChange del select para que cuando seleccionen el número de cuotas se actualice sóla la caja de texto unoo

Código:
<select id="cuotas" onchange="getOptions()">
en la función deberías añadir

Código:
document.getElementById("unoo").value=x;
y modificar el selector lógico por

Código:
x!=0
ya que sino sólo funcionará cuando el valor del selector sea 1

suerte
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 19:12.