TechCodeview

Dans cet article, nous apprendrons comment obtenir les valeurs sélectionnées dans la liste déroulante à l'aide de jQuery. Tout d'abord, nous comprendrons cet article en utilisant jQuery, le sélecteur jQuery et la méthode jQuery val(). Après cela, nous comprendrons ce sujet à l’aide de divers exemples.

Qu'entends-tu par jQuery ?

jQuery est une bibliothèque JavaScript rapide, légère, petite et riche en fonctionnalités.

Utilisez le jQuery : sélecteur sélectionné en combinaison avec la méthode val () pour trouver la valeur de l'option sélectionnée dans une liste déroulante.

Le sélecteur dans jQuery :

Il s'agit d'un élément HTML dans lequel la déclaration est appliquée.

tri par insertion java

Par exemple: sélectionné, vérifié, etc.

Selected est utilisé pour spécifier le choix par défaut lors du chargement initial du formulaire.

Méthode val() dans jQuery :

Cette méthode est utilisée pour obtenir les valeurs des éléments du formulaire ou définir la valeur de l'attribut utilisé pour les éléments sélectionnés.

MySQL change le type de colonne

Syntaxe:

 $(selector).val (); 

Exemple:

 $('input: text').val ('javaTpoint!'); 

Liste déroulante avec et balise.

Les balises select et option sont utilisées pour créer des menus déroulants. Ils permettent à l'utilisateur de sélectionner un ou plusieurs choix dans une liste d'options. Tous les choix ne sont pas affichés à l'écran, mais ils sont visibles lorsqu'ils déroulent la liste déroulante. Ils permettent de gagner de la place car un seul élément de la liste est affiché.

Pour créer des listes déroulantes, tag est utilisé à la place de tag . La balise appariée commence par la balise d'ouverture et se termine par la balise de fermeture. Cette balise doit être utilisée avec la balise .

Syntaxe:

git paiement

 Text Label-1 Text Label-2 ………………………………………………………………………………………………….. ………………………………………………………………………………………………….. 

Les différents attributs utilisés avec la balise sont :

Plusieurs:Il est utilisé pour définir la balise pour qu'elle accepte de nombreuses options. Par défaut, il peut prendre une seule option sélectionnée par l'utilisateur. Pour sélectionner plusieurs options, un utilisateur doit appuyer sur clic tout en cliquant sur l'option.Nom:Il est utilisé pour spécifier un nom pour la liste déroulante.

Les différents attributs utilisés avec tag sont :

Valeur:Il est utilisé pour spécifier la valeur envoyée lors de la soumission du formulaire. Si l'attribut value est omis dans la balise, alors le contenu du titre est utilisé.Choisi:Il permet de préciser le choix présélectionné lors du chargement initial du formulaire dans un navigateur.

Les exemples suivants sont utilisés pour obtenir la valeur sélectionnée dans la liste déroulante dans jQuery.

Exemple 1:

Comment obtenir la valeur sélectionnée dans la liste déroulante dans jQuery.

 Get Selected Value in drop-down using jQuery h1 { color: green; } h5 { color: green; } h4 { color: green; } p { color: red; } .select { margin: 40px; width: 60%; height: 300px; padding: 30px; border: 2px solid green; } body { background-color: pink; } $(document).ready (function () { $(&apos;select.country&apos;).change (function () { var selectedCountry = $(this).children(&apos;option:selected&apos;).val(); alert (&apos;You have selected the country - &apos; + selectedCountry); }); }); <p> <b> Get Selected Value in drop-down using jQuery </b> </p> <h4> Select Country from drop-down list: </h4> <br> United States India United Kingdom Brazil Germany <br> <br> <b> Get selected values from list </b> 

Explication:

Dans l'exemple ci-dessus, nous avons créé une liste déroulante à l'aide de et de la balise. En cela, si nous sélectionnons une valeur multiple dans la liste et créons un après avoir sélectionné plusieurs éléments dans la liste et cliqué sur un bouton, il affiche un message d'alerte avec l'élément sélectionné dans la liste déroulante.

quand l'école a-t-elle été inventée

 United States India United Kingdom Brazil Germany <br> <br> <b> Get selected values from list </b> 

Ici,

Size = '3' est utilisé pour afficher le nombre d'éléments affichés dans la liste déroulante, multiple est utilisé pour sélectionner plusieurs valeurs dans la liste déroulante.

Sortir:

Le résultat de cet exemple est donné ci-dessous.