¿Cómo obtengo el valor de un cuadro de texto usando jQuery?

486

Puedo obtener el elemento como este, $("#txtEmail")pero no estoy seguro de cómo obtener el valor real.

jquery Micah
fuente
22
intentaste $ ("txtEmail"). val ()
Perpetualcoder
2
jejeje ... el problema fue que olvidé hacer referencia a mi función en el evento click =)
Micah

Respuestas:

765

Hay un .val()método:

Si tiene una entrada con una identificación txtEmail, puede usar el siguiente código para acceder al valor del cuadro de texto:

$("#txtEmail").val()

También puede usar el val(string)método para establecer ese valor:

$("#txtEmail").val("something")
neilprosser
fuente
2
¿Por qué '.value ()' no funciona en jQuery? No habría buscado en Google si lo hubiera hecho, porque esto es lo que intenté intuitivamente. ¿Por qué elegir acortarlo dos caracteres ...
Mike de Klerk
var user_email = $("#txtEmail").val()
Nipek
23

Posible duplicado:

Solo información adicional que me llevó mucho tiempo encontrar. ¿Qué pasaría si estuviera usando el nombre del campo y no la identificación para identificar el campo del formulario? Lo haces así:

Para el botón de radio:

 var inp= $('input:radio[name=PatientPreviouslyReceivedDrug]:checked').val();

Para el cuadro de texto:

 var txt=$('input:text[name=DrugDurationLength]').val();
Yoosaf Abdulla
fuente
Tenga cuidado al publicar copiar y pegar respuestas repetitivas / textuales a múltiples preguntas, la comunidad suele marcarlas como "spam". Si está haciendo esto, generalmente significa que las preguntas son duplicadas, así que márquelas como tales en su lugar: stackoverflow.com/questions/1320088
Kev
1
@Kev: no sabía sobre ese etiquetado. Sin embargo, no estoy seguro de si fue un duplicado durante el tiempo que publiqué esta solución. No pude encontrar uno en SO tan publicado. Pero sí, en el futuro lo tendré en cuenta y gracias por hacérmelo saber.
Yoosaf Abdulla
1
La "entrada: texto" ayudó porque tenía 2 controles con el mismo nombre. : <(Tenga en cuenta mi código, solo lo heredé)
granadaCoder
6

Hay un .val();método que puedes usar.

Entonces, en su situación, querría usar $("#txtEmail").val();. Además, ¡asegúrese de agregar la propiedad id en su código html!

chivo expiatorio17
fuente
5

Use el .val()método para obtener el valor real del elemento que necesita.

PUBG
fuente
4

Puede acceder al valor del control de Texbox ya sea por su ID o por su nombre de clase.

Aquí está el código de ejemplo:

<input type="text" id="txtEmail" class="textbox" value="1">

$(document).ready(function(){
   alert($("#txtEmail").val());
   alert($(".textbox").val());//Not recommended 
});

El uso del nombre de clase para obtener cualquier valor de control de cuadro de texto puede devolver otro valor o un valor incorrecto, ya que el mismo nombre de clase también se puede definir para cualquier otro control. Por lo tanto, obtener el valor de un cuadro de texto específico se puede obtener por su id.

Akshay Chawla
fuente
2

Mediante el uso 

$("#txtEmail").val()

obtienes el valor real del elemento

MIlan Modh
fuente