Obtener y establecer valores de campos input con JQuery

Para obtener el valor (value) de un campo html input (text,hidden, etc) con jquery, lo haremos de la siguiente manera:

$("#identificador").get(0).value;

Para establecer un valor a un campo input lo haremos así:

$("#identificador").attr('value', 'valor para éste input');

Sobre Asier

Arquitecto web enganchado al desarrollo, estudio y planteamiento de proyectos en internet. Trabajo en Blackslot, empresa que fundé en el 2009. Me encanta el cine, el café, el sexo, la cultura geek, la cultura oriental y la música electrónica.
Artículo publicado en Desarrollo Web, javaScript. Enlace a esta entrada..

8 espuestas a Obtener y establecer valores de campos input con JQuery

  1. Armando dijo:

    Hola Asier!

    ¿No es mejor utilizar la función val?
    http://docs.jquery.com/Attributes/val

    Un saludo!

  2. @Armando, para obtener el valor si, es otra opción.

    Gracias por comentarlo.

  3. Armando dijo:

    Por cierto, me gusta mucho tu blog. Lo he descubierto recientemente e inmediatamente lo he incluido en mi Google Reader.

    Me encantó la cita:
    “Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live”
    y cotilleando la encontré aquí: http://www.sysprog.net/quotmain.html

  4. @Armando es una cita muy conocida y tiene toda la razón.

    Me alegro que te guste mi blog, un saludo ;)

  5. Rob dijo:

    Hola,

    me gustaría matizar algo sobre el artículo que, aunque correcto, puede llevar a confusión.

    Para obtener el valor de un elemento con un id=”identificador” lo más correcto sería poner:

    $(“#identificador”).val();

    Ya que entendemos que el nombre del identificador es único.

    De la misma manera, para establecer un valor de un campo input lo haremos así:

    $(“#identificador”).val(‘valor para éste input’);

    Espero haber ayudado a aclarar un poco las cosas :)

  6. @Rob gracias por la aportación, desde luego es más sencillo hacerlo así.

    Un saludo ;)

  7. Jaime dijo:

    Por fiiiin no pudiste ser mas claro y sencillo gracias por la respuesta me ayudo demasiado….

  8. Raulmmmm dijo:

    Con este artículo encontré tu blog Asier, y lo he estado mirando y me parece muy interesante!!!!

    Por cierto, lo mismo de Jaime: por fin algo claro y directo, justo lo que necesitaba.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos requeridos, están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.