Maison > interface Web > js tutoriel > Comment déterminer si l'option est sélectionnée dans jquery

Comment déterminer si l'option est sélectionnée dans jquery

coldplay.xixi
Libérer: 2023-01-04 09:36:36
original
6107 Les gens l'ont consulté

Comment jquery détermine si une option est sélectionnée : Tout d'abord, l'option appartient à select, et la valeur de select peut être obtenue via jquery, puis, en comparant chaque option sous select, vous pouvez déterminer si elle est sélectionnée.

Comment déterminer si l'option est sélectionnée dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.2.1, ordinateur Dell G3 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : Tutoriel vidéo jquery

Méthode Jquery pour déterminer si l'option est sélectionnée :

l'option appartient à la sélection et peut être transmis via jquery Obtenez la valeur de select, puis comparez chaque option sous select pour déterminer si elle est sélectionnée.

var selectValue = $('select').val();
$('select option').each(function(ele,index){
    if($(ele).attr('value') == selectValue){
        alert('被选中');
    }
});
Copier après la connexion

Description :

1. La méthode val()

la méthode val() peut renvoyer la valeur de la valeur sélectionnée. element Attribute ; renvoie la valeur de l’attribut value du premier élément correspondant.

Remarque : La méthode val() est généralement utilisée avec les éléments de formulaire HTML.

2. Méthode Each()

La méthode each() spécifie la fonction à exécuter pour chaque élément correspondant.

Astuce : Renvoyer false peut être utilisé pour arrêter la boucle plus tôt.

3. Méthode attr()

La méthode attr() définit ou renvoie les attributs et les valeurs de l'élément sélectionné.

Lorsque cette méthode est utilisée pour renvoyer une valeur d'attribut, la valeur du premier élément correspondant est renvoyée.

Lorsque cette méthode est utilisée pour définir des valeurs d'attribut, une ou plusieurs paires attribut/valeur sont définies pour l'élément correspondant.

Recommandations d'apprentissage gratuites associées : javascript(vidéo)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal