L'option d'alerte sélectionnée apparaît à plusieurs reprises

Tirth Patel

Les alerttravaux pour la première fois. Cependant, lorsque je modifie à optionnouveau (sans actualiser la page), il alerte les deux options, c'est-à-dire. la première option sélectionnée et la deuxième option sélectionnée aussi.

Je veux obtenir la valeur de l'option sélectionnée uniquement lorsque je clique sur le bouton. Quelqu'un peut-il me guider sur la façon dont je peux y parvenir.

$(document).ready(function() {
  $(".test").change(function() {
    var value = $(this).val();
    $('.button').click(function() {
      alert(value);
    });
  });
  $(".test").change(function() {
    var value = $(this).val();
    $('.button2').click(function() {
      alert(value);
    });
  });
});
<select class="test">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<button class="button" value="button">button</button>
<button class="button2" value="button2">button2</button>

Vous pouvez tester mon code en plaçant l'url ci-dessous

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_change_ref

Gabarits1212
<script>
$(document).ready(function(){
  var value;
  $(".test").change(function(){
    value = $(this).val();
  });
  $('.button').click(function(){
      alert(value);
  });
});
</script>

<select class="test">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<button class="button" value="button">button</button>

Comme suggéré par @Rory

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

L’écouteur d’événements d’alerte dépend de l’option JavaScript sélectionnée

le point d'arrêt se déclenche à plusieurs reprises après l'ouverture de Firebug

option d'alerte lorsqu'elle est sélectionnée

Faire apparaître les éléments sélectionnés à plusieurs reprises en dehors de la zone de texte

Définir l'option sélectionnée sur plusieurs listes à l'aide de jQuery

Javascript déplace l'option sélectionnée avec plusieurs valeurs d'une liste à une autre

L'élément actuellement sélectionné par Spinner est sélectionné à plusieurs reprises

afficher l'élément html si l'option est sélectionnée dans plusieurs listes déroulantes

La boîte apparaît avant que l'option soit sélectionnée?

Plusieurs Sélectionnez: désactiver / masquer / supprimer l'option sélectionnée en une seule sélection

Comment puis-je ajouter un bouton d'alerte à l'option radio si j'ai plusieurs balises de sélection avec la même option?

Ajout d'une boucle à un menu affiché afin qu'il s'affiche à plusieurs reprises jusqu'à ce que la dernière option soit sélectionnée et arrête la boucle

Obtenez la valeur sélectionnée de l'option avec plusieurs menus déroulants à l'aide de javascript

Comment définir des angularjs répétés sur l'option sélectionnée

Sélectionnez n éléments par séquence d'une liste à plusieurs reprises en python

L'initialisation du magasin d'état KafkaStreams crée et supprime à plusieurs reprises des dossiers RocksDB

Algorithme pour déterminer un classement après avoir choisi à plusieurs reprises entre à éléments

Comment sélectionner au hasard et non à plusieurs reprises des éléments d'un tableau?

Comment désactiver l'option Mat-Select une fois qu'elle a été sélectionnée

Comment supprimer un élément d'une tranche à plusieurs reprises ?

Comment déplacer à plusieurs reprises un élément dans Vue?

application tvOSDidBecomeActive appelée à plusieurs reprises avec le téléviseur éteint

Comment tester dans sinon si la méthode est appelée à plusieurs reprises après l'expiration du délai

Fenêtre d'alerte qui apparaît plusieurs fois lorsque la minuterie se termine

Fonction de déclenchement lorsque l'option déjà sélectionnée est sélectionnée

Définir l'option sélectionnée JQuery

Autorisation refusée à plusieurs reprises pour l'application Android

Comment afficher la boîte de dialogue d'alerte à plusieurs reprises en appuyant sur le bouton positif ?

L'alerte UIView personnalisée n'apparaît pas après une connexion réussie

TOP liste

  1. 1

    Comment changer le navigateur par défaut en Microsoft Edge pour Jupyter Notebook sous Windows 10 ?

  2. 2

    Enregistrer le chemin de l'image de la galerie vers la base de données de la salle et l'afficher dans la liste des recycleurs

  3. 3

    Microsoft.WebApplication.targets

  4. 4

    knn classification 10 plis de l'outil et du tri

  5. 5

    Quelle est la relation entre le modèle et le tableau ? C'est compliqué

  6. 6

    Créer un système Buzzer à l'aide de python

  7. 7

    Fonction de puissance en Java

  8. 8

    opérations en virgule flottante dans go

  9. 9

    Comment définir la couleur de l'intersection dans un diagramme de Venn?

  10. 10

    Spring @RequestParam DateTime format comme ISO 8601 Date Heure facultative

  11. 11

    comment supprimer "compte de connexion google" à des fins de développement - actions sur google

  12. 12

    AutoMapper.Collection.EFCore - Erreur générée lors de la configuration

  13. 13

    Je continue à obtenir l'objet 'WSGIRequest' n'a pas d'attribut 'Get' sur django

  14. 14

    Comment remplir les valeurs manquantes avec plusieurs colonnes dans R

  15. 15

    Comment puis-je ajouter un UIView sous mon contrôleur de barre d'onglets par programme?

  16. 16

    Yat-il un référentiel maven application Java à démarrer rapidement 11

  17. 17

    Comment rechercher des éléments dans une ArrayList? - Java

  18. 18

    Comment utiliser HttpClient avec TOUT cert ssl, quelle que soit la « mauvaise » est

  19. 19

    Comment créer un bot à compte à rebours dans Discord en utilisant Python

  20. 20

    Sélectionnez le bouton radio sur la saisie de texte

  21. 21

    Placez le modeBar en haut au centre à l'aide de plotly.js

chaudétiquette

Archive