communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Attributs et styles jQuery (3)

Il existe une méthode .val() dans jQuery, qui est principalement utilisée pour traiter les valeurs des éléments de formulaire, tels que input, select et textarea.

méthode val()

val() n'a pas de paramètres et obtient la valeur actuelle du premier élément dans l'ensemble d'éléments correspondant

val( value ), définissez la valeur de chaque élément dans l'ensemble d'éléments correspondants

val( function ), une fonction utilisée pour renvoyer la valeur définie

Remarque :

Pass .val ( ) traite l'élément select. Lorsqu'aucune sélection n'est sélectionnée, il renvoie null

La méthode val() est principalement utilisée pour définir la valeur du champ du formulaire

Jetons un coup d'œil à un exemple spécifique et comment l'utiliser méthode val

<!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 id="see">
        <option>php 中文网</option>
        <option>php.cn</option>
        <option>小猪 CMS</option>
    </select>

    <p></p>
    
    <script type="text/javascript">
         $("p").text($('#see').val());
    </script>
</body>
</html>

Voyons comment changer la valeur de l'entrée

Le code est le suivant :

<!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>
    <input type="text" value="php 中文网" id="ipt">
    
    <script type="text/javascript">
        $("#ipt").val("php.cn");
    </script>
</body>
</html>

Résumé du différences entre html(), text() et val() :

.html(), .text() et .val() sont tous utilisés pour lire le contenu de l'élément sélectionné uniquement .html ; () est utilisé pour lire le contenu HTML de l'élément (y compris les balises html), text() est utilisé pour lire le contenu en texte brut de l'élément, y compris ses éléments descendants, et val() est utilisé pour lire la "valeur". " valeur de l'élément de formulaire. Les méthodes html() et text() ne peuvent pas être utilisées sur des éléments de formulaire, et val() ne peut être utilisée que sur des éléments de formulaire. De plus, lorsque la méthode html() est utilisée sur plusieurs éléments, seul le premier élément est lu ; La méthode val() est la même que .html() Si elle est appliquée à plusieurs éléments, seule la valeur "value" du premier élément du formulaire peut être lue, mais .text() est différente d'eux. ) Lorsqu'il est appliqué à plusieurs éléments, le contenu textuel de tous les éléments sélectionnés sera lu.

html(htmlString), text(textString) et val(value) sont tous utilisés pour remplacer le contenu de l'élément sélectionné. Si les trois méthodes sont utilisées sur plusieurs éléments en même temps, elles seront remplacées. . Le contenu de tous les éléments sélectionnés.

html(), text() et val() peuvent tous utiliser la valeur de retour de la fonction de rappel pour modifier dynamiquement le contenu de plusieurs éléments.

Formation continue
||
<!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 id="see"> <option>php 中文网</option> <option>php.cn</option> <option>小猪 CMS</option> </select> <p></p> <script type="text/javascript"> $("p").text($('#see').val()); </script> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492412 joue