Ver Mensaje Individual
  #2 (permalink)  
Antiguo 02/03/2012, 03:01
gebremswar
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 10 meses
Puntos: 57
Información Respuesta: agregar campo dinamicamente jquery

Hola, que tal edward18_1

Pues has lo siguiente:
Agregale un id a tu formulario para poder identificarlo con JQuery (yo le puse id="subir")
Agrega un botón nuevo (o cualquier elemento que quieras) a tu formulario destinado a hacer la acción "agregar", puedes llamarlo como quieras, y a este deberás agregarle una función al evento onClick. También puedes usar los selectores de JQuery para manejar los eventos y reemplazar el uso de la función en evento onclick.

Esta seria la función:
Código Javascript:
Ver original
  1. function agregar(){
  2.     $('#subir').append('<p><input type="file" size="32" name="my_field[]" value=""></p>');
  3. }

Utiliza el metodo append() para manipular los elementos del DOM en este caso para añadir un elemento, el cual será el que envíes como parámetro, que se agregara al final de los demás. Si desearas agregarlo al principio puedes usar el metodo prepend().

Al utilizar ambos métodos nombrados anteriormente surge la necesidad de eliminar algún elemento no deseado para lo cual puedes utilizar el método remove().

Puedes consultar la api de jquery para más detalles de cada método.

.append()
http://api.jquery.com/append/

.prepend()
http://api.jquery.com/prepend/

.remove()
http://api.jquery.com/remove/