Comment attribuer une valeur à sélectionner dans jquery

jQuery est une bibliothèque JavaScript très populaire qui offre aux développeurs un moyen simple et pratique de manipuler des documents HTML et d'obtenir des effets interactifs. Lors du développement d’applications Web, la manipulation des éléments de formulaire est l’une des exigences les plus courantes. Cet article se concentrera sur la façon d'attribuer des valeurs à sélectionner dans jQuery.

D'une manière générale, la méthode d'attribution de valeurs à sélectionner en HTML est très simple. Il vous suffit de définir l'attribut value pour sa liste d'options. Cependant, dans le développement front-end, nous devons souvent faire fonctionner des éléments de formulaire via JavaScript. À l’heure actuelle, jQuery est devenu notre premier choix. Voici un exemple d'élément de sélection HTML simple :

<select id="food">
  <option value="1">Pizza</option>
  <option value="2">Sushi</option>
  <option value="3">Burgers</option>
</select>

Si nous voulons définir la valeur de la boîte de sélection "Food" sur "Sushi" via jQuery, nous pouvons utiliser le code suivant :

$('#food').val('2');

Ici, nous utilisons celui de jQuery fonction val(), qui nous permet d'obtenir ou de définir la valeur d'un élément de formulaire. C'est très simple à utiliser, il suffit de lui passer la valeur requise en paramètre. Dans cet exemple, nous obtenons une référence à l'élément select en sélectionnant le sélecteur d'ID (#food), puis transmettons la valeur souhaitée ("2") à la fonction val().

Il convient de noter que la valeur que nous devons définir doit correspondre à l'attribut value d'une option dans la liste d'options, sinon l'opération sera invalide.

Si nous voulons définir la valeur de la zone de sélection sur le contenu textuel d'une option au lieu de l'attribut value, nous pouvons utiliser la fonction filter() de jQuery et lui transmettre le texte de l'option souhaitée. Par exemple :

$('#food option').filter(function () {
  return $(this).html() === 'Sushi';
}).prop('selected', true);

Ici, nous utilisons $('#food option') pour sélectionner tous les éléments d'option et utilisons la fonction filter() pour trouver l'option souhaitée. Dans la fonction filter(), nous utilisons une expression de fonction simple pour déterminer si le contenu textuel de l'option correspond à ce que nous voulons. Si la correspondance réussit, nous appelons la fonction prop() et définissons l'attribut sélectionné sur true pour sélectionner l'option.

En général, attribuer des valeurs à sélectionner via jQuery est très simple. Il vous suffit d'utiliser la fonction val() pour définir l'attribut value ou d'utiliser la fonction filter() pour sélectionner l'option à définir. Grâce à ces conseils, vous pouvez facilement manipuler les éléments de formulaire dans votre application Web.

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!