PHP OO Al seleccionar un valor de un combo me mande cajas de texto

lixa · #1 (**permalink**) 26/09/2011, 12:22

Hola buenas Tardes.....

alguien me puede decir como hacer esto de favor

Lo que quiero hacer es lo siguiente. En un Combo tengo números del 1 al 10, lo que necesito es que si yo selecciono el numero 5 lo que me arroje sean 5 cajas de texto en blanco para yo poderlas llenar, y después guardar la información que yo introduzca en las cajas. se puede??? como lo aria alguien que me pueda ayudar porfa soy novata en esto...

o mandarme ejemplos....

jotaincubus · #2 (**permalink**) 26/09/2011, 12:34

Con PHP se puede hacer de forma que el usuario seleccione el numero, PRESIONE el botón SUBMIT y PHP reciba el numero y cree el numero de cajas de texto.

Pero es mucho mas sencillo con JavaScript:

Código Javascript:

Ver originalElija una opci&#243;n:<br>
<select name="seleccionar" onchange="muestra(this.value)">
<option value="0">Elija una opci&#243;n</option>
<option value="1">Opci&#243;n 1</option>
<option value="2">Opci&#243;n 2</option>
<option value="3">Opci&#243;n 3</option>
<option value="4">Opci&#243;n 4</option>
</select>&nbsp;<span id="texto"></span>
<script>
function muestra(valor){
if(valor=="0"){document.getElementById("texto").innerHTML="";return}
document.getElementById("texto").innerHTML="<input type=text size=30 value='Introduzca el texto para la opción "+valor+"'>"
}
</script>

Espero te sirva.

lixa · #3 (**permalink**) 26/09/2011, 12:52

hola, gracias por tu respuesta, sabes puse el código script que me pasaste, pero no entiendo donde ponerlo ya lo coloque entre el tag que sierra el head y el tag donde abre el body, pero no me funciona....

me podrías auxiliar en eso porfa.....

te lo agradeceré mucho mucho... y ya vemos como te recompenso jeje

jotaincubus · #4 (**permalink**) 26/09/2011, 12:54

Coloca ese código dentro de las etiquetas del cuerpo <body> Aquí </body>

lixa · #5 (**permalink**) 26/09/2011, 13:07

holaaaaaa muchas gracias ya funciono PERO... el ejemplo que te me das lo ejecuto y si yo selecciono el 4 solo me aparece una caja de textos con la siguiente leyenda "Introduzca el texto para la opción 4", lo que yo necesito es que al seleccionar la opción 4 me aparezcan 4 cajas de texto.

please ayuda!!!!

jotaincubus · #6 (**permalink**) 26/09/2011, 13:13

O.o, creo que te mande el ejemplo que no era... jajajajaja Bueno te mando un ejemplo que me parece mucho mejor, este te crea un campo cada vez que presionas un boton, pero tambien tiene uno que elimina el campo que creaste si ya no lo necesitas:

Código Javascript:

Ver original<script language="javascript" type="text/javascript"> /* Abrimos etiqueta de código Javascript */
 
/* Partimos por definir una variable llamada posicionCampo. Esta variable servirá como índices para marcar cuantos campos se han agregado dinámicamente. La inicializamos en 1, ya que la primera llamada ocurrirá cuando no hayan campos agregados */
 
var posicionCampo=1;
 
/* Declaramos la función agregarUsuario( ) */
 
function agregarUsuario(){
 
/* Declaramos una variable llamada nuevaFila y a ella le asignamos la recuperación del elemento HTML designado por el id tablaUsuarios. En este caso, la tabla en la que manejamos los campos dinámicamente y llamamos a la función insertRow para agregar una fila */
 
nuevaFila = document.getElementById("tablaUsuarios").insertRow(-1);
 
/* Asignamos a la propiedad id de nuevaFila el valor de posicionCampo, que inicializamos en 1 */
 
nuevaFila.id=posicionCampo;
 
/* Luego en otra variable llamada nuevaCelda, agregaremos una celda a la tabla, mediante la función insertCell */
 
nuevaCelda=nuevaFila.insertCell(-1);
 
/* Con la celda creada, insertamos dinámicamente un campo de texto, el cual almacenaremos en un array llamado nombre, con una posición equivalente a la variable posicionCampo. Una vez terminado, repetimos la acción para el sitio Web y correo, asignando al array respectivo */
 
nuevaCelda.innerHTML="<td><input type='text' size='15′ name='nombre["+posicionCampo+"]' ></td>";
 
nuevaCelda=nuevaFila.insertCell(-1);
 
nuevaCelda.innerHTML="<td> <input type='text' size='10′ name='web["+posicionCampo+"]' ></td>";
 
nuevaCelda=nuevaFila.insertCell(-1);
 
nuevaCelda.innerHTML="<td> <input type='text' size='10′ name='correo["+posicionCampo+"]' ></td>";
 
/* Finalmente añadimos una última celda para las acciones y ahí agregamos un botón llamado Eliminar, el cual al ser presionado (definiendo la propiedad onClick), llamará a una función eliminarUsuario, pasando como parámetro la fila correspondiente */
 
nuevaCelda=nuevaFila.insertCell(-1);
 
nuevaCelda.innerHTML="<td><input type='button' value='Eliminar' onclick='eliminarUsuario(this)'></td>";
 
/* Incrementamos el valor de posicionCampo para que empiece a contar de la fila siguiente */
 
posicionCampo++;
 
}
 
/* Definimos la función eliminarUsuario, la cual se encargará de quitar la fila completa del formulario. No es necesario hacer modificaciones sobre este código */
 
function eliminarUsuario(obj){
 
var oTr = obj;
 
while(oTr.nodeName.toLowerCase()!='tr'){
 
oTr=oTr.parentNode;
 
}
 
var root = oTr.parentNode;
 
root.removeChild(oTr);
 
}
 
/* Cerramos el código Javascript */
 
</script>
 
<table id="tablaUsuarios">
 
<tr>
 
<td width="175″>Nombre</td>
 
<td width="175&#8243;>Sitio Web </td>
 
<td width="100″>Correo</td>
 
<td width="100&#8243;>Acciones</td>
<td align="right">
<input type="button" onClick="agregarUsuario()"
value="A&ntilde;adir usuario" >
</td>
 
</tr>
 
</table>

lixa · #7 (**permalink**) 26/09/2011, 14:59

Hola oye machas gracias por tu mega ayuda si me sirvió el código
Gracias

oye sabes como valido un formulario....o las cajas de texto

PD. como puedo corresponder a tu ayuda....

jotaincubus · #8 (**permalink**) 26/09/2011, 15:03

Para validar existe dos formas (se aconseja utilizar las dos) una es en el lado del cliente, osea en el computador del usuario a través de JavaScript pero eso si te toca revisarlo buscando en GOOGLE o pasando por los aportes de JavaScript y la otra en es el servidor con PHP, para eso utilizas condicionales y la función ISSET de php.

Recompensa ? no nada es un gusto ayudarte.

EDIT: Pensándolo bien me hacen falta muchos US$ jajajajajajajajaja

lixa · #9 (**permalink**) 26/09/2011, 15:21

Ok muchas gracias por todo he.....

y de cuanto estamos hablando jejejejej....

oye te agregue a mi correo espero no te moleste, buenosi es que te llego la invitación sino pues ya ni modo jejej