Noticias y eventos
- Grabar llamadas de skype en Linux Hola amigos, que tal tanto tiempo despues de mucho tiempo voy a comentarle esta pequeña aplicacion para Linux. Se...
- Instalacion de Doctrine ORM en Debian/Ubuntu Hola, esta vez quisiera acercarles una reducida guía de como instalar Doctrine ORM para PHP en el sistema operativo...
- Google ahora ofrece su propio servicio de DNS El servicio DNS es el que se encarga de convertir las direcciones legibles por humanos, como por ejemplo www.arzion.com a...
Contacto
Si tienes cualquier duda, consulta o sugerencia puedes mandarnos un email usando el siguiente formulario:
Obtener datos de un formulario con jquery
creado por Lautaro Rosales - 09/02/2009
Muchas veces seguro que nos habremos preguntado como obtener todos los campos de un formulario, tanto sus nombres como sus valores, obviamente de manera generica para que esto nos sirva para todas nuestras aplicaciones.
Con esta pequeña funcion vamos a poder hacerlo. Obviamente en la cabecera de nuestra pagina es decir dentro del tag head necesitamos tener incluida la ultima version de jquery
La explicacion:
cuando asignamos a elementosFormu lo siguiente $('#nomform input:not(:button, :submit)'); estamos diciendo que seleccione todos los inputs que estan en el formulario que tiene de id a nomform exceptuando los input de tipo button y submit.
Luego lo que esta haciendo con elementosFormu.each(function () {}); es una iteracion por cada elemento como si hicieramos un for desde el primer al utlimo elemento.
De esta manera
nombre = this.name;
valor = this.value;
obtenemos el nombre y el valor de cada elemento del formulario, cuando esta iterando.
Por ultimo voy guardando en saliente un string en donde concateno el nombre del campo con su valor, como si fuera un querystring.
Muchas veces seguro que nos habremos preguntado como obtener todos los campos de un formulario, tanto sus nombres como sus valores, obviamente de manera generica para que esto nos sirva para todas nuestras aplicaciones. Con esta pequeña funcion vamos a poder hacerlo. Obviamente en la cabecera de nuestra pagina es decir dentro del tag head necesitamos tener incluida la ultima version de jquery
function ObtenerParametros() {
elementosFormu = $('#nomform input:not(:button, :submit)');
var saliente = "";
elementosFormu.each(function () {
nombre = this.name;
valor = this.value;
saliente =saliente+'&'+nombre+'='+valor;
});
return saliente;
}
La explicacion:
cuando asignamos a elementosFormu lo siguiente $('#nomform input:not(:button, :submit)'); estamos diciendo que seleccione todos los inputs que estan en el formulario que tiene de id a nomform exceptuando los input de tipo button y submit.
Luego lo que esta haciendo con elementosFormu.each(function () {}); es una iteracion por cada elemento como si hicieramos un for desde el primer al utlimo elemento.
De esta manera
nombre = this.name;
valor = this.value;
obtenemos el nombre y el valor de cada elemento del formulario, cuando esta iterando.
Por ultimo voy guardando en saliente un string en donde concateno el nombre del campo con su valor, como si fuera un querystring.
¿Te gustó el artículo? Compartilo:
Comentarios(1)
Roberto (16-05-2010)
Muy bueno el ejemplo, simple y sencillo. Muchas gracias Lautaro por tu aporte.
¡De nada sirve el conocimiento si el mismo no se» ver comentario
![[Valid RSS]](/img/valid-rss.png "Validate my RSS feed")
