crear inputs dinamicamente.

markshock · #1 (**permalink**) 01/02/2005, 09:37

Hola,

Me ha surgido una problema, al intentar crear una herramienta con la que se van a insertar datos referentes a partidos y campeonatos de un evento de futbol.

Tengo un formulario donde se da de alta un campeonato, y tengo un boton que se llama "Añadir partido", estoy intentando que cuando los administradores hagan click en "Añadir partido", se agreguen 2 input type=text para que escriban el nombre de los equipos, lo suyo sería que agregara 2 desplegables (select).

Alguien puede orientarme un poco... el caso esta en que cada input o select que se agregue tiene que tener un name diferente al anterior... pero correlativo..

gracias, espero que alguien me haya entendido, si encuentro la respuesta la posteare para futuros freaks como yo... jejejeje

JavierB · #2 (**permalink**) 01/02/2005, 10:16

Hola markshock

Prueba este ejemplo:

Código PHP:

  <html>

<head>

<script type="text/javascript">

num=0;

function anadir(frm) {

  for(i=0;i<2;i++) {

    elem=document.createElement('input');

    num++;

    elem.name="equipo"+num;

    frm.appendChild(elem); }

  elem=document.createElement('br');

  frm.appendChild(elem);

}

</script>

</head>

<body>

<form>

<input type="button" value="Añadir" onclick="anadir(this.form)" /><br />

</form>

</body>

</html>

Saludos,

markshock · #3 (**permalink**) 01/02/2005, 10:28

uaaaaaauu!! genial!

y siento ser tan señorial y demás.. pero... para cargarte un elemento? hay alguna funcion destroy o eliminate o demolition.. jaajaja me flipao con demolition.

gracias javierB.

un saludo.

JavierB · #4 (**permalink**) 01/02/2005, 10:52

Hola de nuevo.

Cambia un poco el código que te puse:

elem.name="equipo"+num;
elem.id="equipo"+num;

así podrás borrar un elemento con:

nombreFormulario.removeChild(document.getElementBy Id('equipo1'));

Saludos,

markshock · #5 (**permalink**) 02/02/2005, 03:13

madre mia! jejeje muchas gracias,

ya lo he adaptado y ahora tengo un pedazo de formulario para dar de alta campeonatos que es pa morirse...

esta gente cuando lo vea va a flipar, jejejeje

graciaaaaaaaaaaaaaaaaas!!

customerboot · #6 (**permalink**) 11/02/2005, 10:49

los inputs generados se ubican por default al final del form, hay forma de ordenarlos a voluntad, es decir en otro lado dentro del form

Saludos.

JavierB · #7 (**permalink**) 11/02/2005, 11:35

Hola customerboot. Bienvenido al foro.

Si quieres colocarlo antes de un elemento con id="algo", cambia la línea:

frm.appendChild(elem);

por:

antes=document.getElementById('algo');
frm.insertBefore(elem,antes);

Espero que te sirva. Saludos,