web-dev-qa-db-fra.com

Comment obtenir la valeur d'une zone de texte à l'aide de jQuery?

Je peux obtenir l'élément comme ceci $("#txtEmail") mais je ne sais pas comment obtenir la valeur réelle.

jquery
474
Micah

Il y a une méthode .val():

Si vous avez une entrée avec un identifiant de txtEmail, vous pouvez utiliser le code suivant pour accéder à la valeur de la zone de texte:

$("#txtEmail").val()

Vous pouvez également utiliser la méthode val(string) pour définir cette valeur:

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

Utilisez la méthode .val ().

De plus, je pense que vous vouliez utiliser $("#txtEmail") comme $("txtEmail") renvoie des éléments de type <txtEmail> que vous n'avez probablement pas.

Voir ici à la page documentation jQuery .

Aussi méthode jQuery val () .

74
Spencer Ruport

doublon possible:

Juste des infos supplémentaires qui m'ont pris beaucoup de temps à trouver ce que vous utilisiez si vous utilisiez le nom du champ et non l'id pour identifier le champ de formulaire. Vous le faites comme ça:

Pour le bouton radio:

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

Pour la zone de texte:

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

Vous avez remarqué votre commentaire sur son utilisation pour la validation des e-mails et sur la nécessité d’un plug-in. Le plug-in de validation peut vous aider. Il est situé à l'adresse http://bassistance.de/jquery-plugins/jquery-plugin-validation/ , il est livré avec une règle de courrier électronique.

11
Wardy

Il existe une méthode .val(); que vous pouvez utiliser.

Donc, dans votre situation, vous voudriez utiliser $("#txtEmail").val();. Assurez-vous également que vous ajoutez la propriété id dans votre code html!

6
scapegoat17

Utilisez la méthode .val() pour obtenir la valeur réelle de l'élément dont vous avez besoin.

5
PUBG

Vous pouvez accéder à la valeur du contrôle Texbox soit par son ID, soit par son nom de classe.

Voici l'exemple de code:

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

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

L'utilisation du nom de classe pour obtenir une valeur de contrôle de zone de texte peut renvoyer une valeur différente ou incorrecte, car le même nom de classe peut également être défini pour tout autre contrôle. Donc, obtenir la valeur d'une zone de texte spécifique peut être récupéré par son identifiant.

4
Akshay Chawla

En utilisant

$("#txtEmail").val()

vous obtenez la valeur réelle de l'élément

2
MIlan Modh