Les partenaires publicitaires:

Comment obtenir une zone de texte par nom dans JQuery

jQuery est une bibliothèque javascript puissant qui vous permet de créer des fonctions complexes javascript avec un minimum de code. En utilisant le système de sélecteur jQuery il est facile de faire référence à tout élément d'une page HTML, puis lire ou modifier sa valeur. Par exemple, vous pouvez vous référer à un élément par son code de référence, ou en utilisant la valeur de l'attribut name. Vous pouvez l'utiliser pour effectuer la validation sur un élément de forme, ou de lire une valeur saisie de l'utilisateur pour une utilisation dans un calcul ou similaire.

Instructions

  1. Ouvrez un navigateur Web et accédez à la page d'accueil jQuery (jquery.com). Cliquez sur la case à cocher à côté "La production" dans le coin supérieur droit de la page d'accueil, puis cliquez sur le "Télécharger" bouton. Ceci va télécharger la version de production de la bibliothèque jQuery, qui est comprimé et minifiés pour une taille de fichier plus rapide et le temps de chargement. Enregistrez le fichier téléchargé dans un répertoire appelé "jquery" dans le répertoire racine de votre site web.

  2. Ouvrez une application de conception d'éditeur de texte ou web et de créer une nouvelle page HTML. Ajoutez le code suivant entre le HTML "" et "" balises.

    Ce code charge la bibliothèque jQuery pour une utilisation sur la page. Changer le numéro de version à la fin du nom de fichier pour correspondre à la version que vous avez téléchargé, que de nouvelles versions sont publiées fréquemment.

  3. Ajoutez le code suivant à votre page, entre le HTML "" et "" balises.




    Cela ajoute une forme à votre page, contenant une zone de texte HTML nommé "myTextArea," et un bouton HTML, ce qui déclenche le code pour obtenir le contenu de la zone de texte lorsque vous cliquez dessus.

  4. Ajoutez le code suivant à la balise d'entrée HTML utilisé pour créer le bouton, après l'attribut de valeur et avant la balise de fermeture.

    onclick ="alert ($ ('textarea [name = myTextArea]') val ().) -"

    Celui-ci utilise le code jQuery "$ ('textarea [name = myTextArea]'). val ()" pour lire le contenu de la zone de texte qui a un attribut name contenant "myTextArea." En utilisant cette syntaxe vous permet de référencer tout élément HTML en utilisant son nom. La fonction Val () indique jQuery pour lire la valeur de l'élément sélectionné, qui se lit tout texte entré par l'utilisateur. Le code jQuery est enveloppé avec un javascript "alert ()" fonction pour afficher la valeur de la zone de texte dans une boîte d'alerte lorsque le bouton est cliqué.

  5. Enregistrez la page sous "exemple.htm" et les télécharger sur votre serveur web. Ouvrez un navigateur Web et accédez à la page de exemple.htm sur votre serveur. Tapez du texte dans la zone de texte, puis cliquez sur le "Affichage" bouton. Une boîte d'alerte apparaît, contenant le texte que vous avez tapé dans la zone de texte.

Conseils & Avertissements

  • Vous pouvez définir la valeur de la zone de texte en utilisant la même commande, mais fournir la fonction val avec la valeur à définir, par exemple.
  • onclick ="$ ('textarea [name = myTextArea]') val ('Ceci définit une valeur'). -"
» » » » Comment obtenir une zone de texte par nom dans JQuery