Fonctions et exemples de la méthode val dans jQuery

Fonction et exemples de la méthode val dans jQuery

Lors de la programmation avec jQuery, cela implique souvent d'obtenir ou de définir la valeur d'un élément de formulaire. Pour le moment, vous pouvez utiliser la méthode val() dans jQuery. La méthode val() est une méthode courante dans jQuery, utilisée pour obtenir ou définir la valeur d'un élément de formulaire. Dans cet article, nous discuterons en détail de la fonctionnalité de la méthode val() et démontrerons son utilisation avec des exemples de code concrets.

1. Fonction de la méthode val()

La méthode val() est utilisée pour obtenir ou définir la valeur des éléments du formulaire, qui incluent l'entrée, la zone de texte, la sélection, etc. Lorsque la méthode val() ne prend aucun paramètre, elle renvoie la valeur actuelle du premier élément de l'ensemble des éléments correspondants. Lorsque la méthode val() prend un paramètre, elle définit la valeur de tous les éléments correspondants.

2. Exemple de code

Ce qui suit est un exemple de code qui montre comment utiliser la méthode val() pour obtenir ou définir la valeur d'un élément de formulaire.

1. Obtenir la valeur de la zone de saisie

Supposons que nous ayons une zone de saisie , nous voulons maintenant obtenir la valeur saisie par l'utilisateur et la transmettre à la console :

var username = $("#username").val();
console.log(username);

2. Définissez la valeur de la zone de saisie d'entrée

Si nous voulons définir une valeur par défaut dans la zone de saisie, nous pouvons utiliser la méthode val() :

$("#username").val("John Doe");

3. Obtenir la valeur de la sélection menu déroulant

Si nous avons un menu déroulant Menu  :

<select id="city">
  <option value="1">New York</option>
  <option value="2">Los Angeles</option>
  <option value="3">Chicago</option>
</select>

Nous voulons obtenir la valeur de la sélection de l'utilisateur :

var city = $("#city").val();
console.log(city);

4. Définir la valeur de la liste déroulante de sélection

Si nous voulons que Los Angeles soit sélectionné par défaut :

$("#city").val("2");

5. Obtenez la valeur de textarea

Si nous avons un élément :

<textarea id="message"></textarea>

Nous voulons obtenir le texte saisi par l'utilisateur :

var message = $("#message").val();
console.log(message);

6. Définissez le valeur de la zone de texte

Si nous voulons remplir la zone de texte avec le texte par défaut :

$("#message").val("Hello, world!");

Pass À partir de l'exemple de code ci-dessus, nous pouvons voir la flexibilité et le caractère pratique de la méthode val() pour obtenir et définir les valeurs d'éléments de formulaire. Grâce à la démonstration combinée à des exemples de code spécifiques, j'espère que les lecteurs pourront mieux comprendre l'utilisation de la méthode val() et l'utiliser de manière flexible dans leurs propres projets.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!