Come posso ottenere il valore di una casella di testo usando jQuery?

486

Posso ottenere l'elemento in questo modo $("#txtEmail")ma non sono sicuro di come ottenere il valore effettivo.

jquery

— Micah
fonte

22

hai provato $ ("txtEmail"). val ()

— Perpetualcoder

2

hehehe ... il problema era che ho dimenticato di fare riferimento alla mia funzione nell'evento click =)

— Michea

765

C'è un .val()metodo:

Se hai un input con un ID txtEmailpuoi utilizzare il seguente codice per accedere al valore della casella di testo:

$("#txtEmail").val()

Puoi anche usare il val(string)metodo per impostare quel valore:

$("#txtEmail").val("something")

— neilprosser
fonte

2

Perché '.value ()' non funziona in jQuery? Non avrei cercato Google se lo avesse fatto, perché è quello che ho provato intuitivamente. Perché scegliere di accorciarlo di due caratteri ...

— Mike de Klerk il

var user_email = $("#txtEmail").val()

— Nipek,

74

Utilizzare il metodo .val ().

Inoltre penso che volevi usare $("#txtEmail")come $("txtEmail")restituisce elementi di tipo <txtEmail>che probabilmente non hai.

Vedi qui nella documentazione di jQuery .

Anche il metodo jQuery val () .

— Spencer Ruport
fonte

23

Possibile duplicato:

Solo informazioni aggiuntive che mi ci sono voluti molto tempo per trovare. Che cosa succede se si utilizzava il nome del campo e non l'id per identificare il campo del modulo. Lo fai in questo modo:

Per il pulsante di opzione:

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

Per casella di testo:

 var txt=$('input:text[name=DrugDurationLength]').val();

— Yoosaf Abdulla
fonte

Fai attenzione quando pubblichi copia e incolla le risposte testuali / testuali a più domande, queste tendono ad essere contrassegnate come "spam" dalla community. Se lo stai facendo, di solito significa che le domande sono duplicate, quindi segnalale come tali: stackoverflow.com/questions/1320088

— Kev

1

@Kev: non sapevo di tali tag. Tuttavia, non sono sicuro che fosse un duplicato durante il periodo in cui avevo pubblicato questa soluzione. Non ne ho trovato uno in SO così pubblicato. Ma sì, in futuro terrò a mente e grazie per avermelo fatto notare.

— Yoosaf Abdulla,

1

L '"input: text" mi ha aiutato perché avevo 2 controlli con lo stesso nome. : <(Nota il mio codice, appena ereditato)

— granadaCoder

11

Notato il tuo commento sull'utilizzo per la convalida dell'email e la necessità di un plug-in, il plug-in di convalida può aiutarti, si trova su http://bassistance.de/jquery-plugins/jquery-plugin-validation/ , viene fornito con un'e-mail regola pure.

— Wardy
fonte

6

C'è un .val();metodo che puoi usare.

Quindi nella tua situazione vorresti usare $("#txtEmail").val();. Inoltre, assicurati di aggiungere la proprietà id nel tuo codice html!

— scapegoat17
fonte

5

Utilizzare il .val()metodo per ottenere il valore effettivo dell'elemento necessario.

— PUBG
fonte

4

Puoi accedere al valore del controllo Texbox tramite il suo ID o il nome della sua classe.

Ecco il codice di esempio:

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

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

L'uso del nome della classe per ottenere qualsiasi valore di controllo nella casella di testo può restituire un valore diverso o errato poiché lo stesso nome di classe può essere definito anche per qualsiasi altro controllo. Quindi ottenere il valore di una casella di testo specifica può essere recuperato dal suo ID.

— Akshay Chawla
fonte

2

Usando

$("#txtEmail").val()

ottieni il valore effettivo dell'elemento

— MIlan Modh
fonte