événement de formulaire jQuery changement ()

événement de changement (événement de changement)

Définition et usage

L'événement de changement se produit lorsque la valeur d'un élément change.

Cet événement s'applique uniquement aux champs de texte, à la zone de texte et aux éléments sélectionnés. La fonction

change() déclenche un événement de changement ou spécifie une fonction à exécuter lorsqu'un événement de changement se produit.

Remarque : lorsqu'il est utilisé avec des éléments sélectionnés, l'événement de changement se produit lorsqu'une option est sélectionnée. Lorsqu'il est utilisé avec un champ de texte ou une zone de texte, cet événement se produit lorsque l'élément perd le focus.

Écrivons un exemple ci-dessous

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <select>
        <option>安徽</option>
        <option>上海</option>
        <option>北京</option>
    </select>

    <p>php 中文网</p>
    
    <script>
        $('select').change(function(){
            $('p').css('color','red');
        })
    </script>
</body>
</html>

Lorsque la valeur dans la zone d'option déroulante change, la couleur du texte dans la balise p changera

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <select> <option>安徽</option> <option>上海</option> <option>北京</option> </select> <p>php 中文网</p> <script> $('select').change(function(){ $('p').css('color','red'); }) </script> </body> </html>

soumettre Réinitialiser le code

Opération automatique

événement de formulaire jQuery changement ()

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]