zone de texte définir la valeur jquery

Lors de l'utilisation de l'élément textarea, vous devez parfois définir sa valeur initiale ou modifier dynamiquement sa valeur, ce qui peut être facilement réalisé à l'aide des opérations jQuery. Cet article explique comment définir la valeur d'une zone de texte à l'aide de jQuery.

Méthode 1 : méthode val()

La méthode val() peut obtenir ou définir la valeur des éléments du formulaire (y compris les éléments textarea). Sa syntaxe est la suivante :

$(selector).val(value)

Parmi eux, selector représente le sélecteur de l'élément que l'on souhaite sélectionner, et value est la valeur à définir. Si l'argument value est omis, cette méthode renvoie la valeur actuelle de l'élément spécifié.

Ce qui suit est un exemple qui définit une valeur initiale pour un élément textarea avec l'ID myTextarea :

<textarea id="myTextarea"></textarea>

$(document).ready(function(){
  $('#myTextarea').val('初始的文本内容');
});

Après avoir exécuté le code ci-dessus, le contenu du texte dans la zone de texte sera défini sur le "contenu du texte initial" après la page est ouvert.

Nous pouvons également utiliser la même méthode pour modifier dynamiquement le contenu de la zone de texte. Par exemple, lorsque l'utilisateur clique sur un bouton, nous pouvons modifier le contenu de la zone de texte en "nouveau contenu de texte" :

<textarea id="myTextarea"></textarea>
修改内容

$(document).ready(function(){
  $('#myTextarea').val('初始的文本内容');
  $('#modifyBtn').click(function(){
    $('#myTextarea').val('新的文本内容');
  });
});

Après avoir exécuté le code ci-dessus, cliquez sur le bouton "Modifier le contenu" sur la page, et le contenu de la zone de texte sera modifié en "nouveau contenu textuel".

Méthode 2 : méthode text()

Une autre façon de définir la valeur de la zone de texte consiste à utiliser la méthode text(). Cette méthode définit le contenu textuel de l'élément mais ignore les balises HTML. Par conséquent, si le contenu de la zone de texte contient des balises HTML, ces balises seront traitées comme du texte. La syntaxe de la méthode text() est la suivante :

$(selector).text(content)

Parmi eux, selector représente le sélecteur de l'élément que l'on souhaite sélectionner, et content est le contenu du texte à définir. Si le paramètre content est omis, cette méthode renvoie le contenu textuel actuel de l'élément spécifié.

Ce qui suit est un exemple qui définit une valeur initiale pour un élément textarea avec l'ID myTextarea :

<textarea id="myTextarea"></textarea>

$(document).ready(function(){
  $('#myTextarea').text('初始的文本内容');
});

Après avoir exécuté le code ci-dessus, le contenu de la zone de texte sera défini sur le "contenu du texte initial" après l'ouverture de la page.

Nous pouvons également utiliser la méthode text() pour modifier dynamiquement le contenu de textarea. Par exemple, lorsque l'utilisateur clique sur un bouton, nous pouvons modifier le contenu de la zone de texte en "nouveau contenu de texte" :

<textarea id="myTextarea"></textarea>
修改内容

$(document).ready(function(){
  $('#myTextarea').text('初始的文本内容');
  $('#modifyBtn').click(function(){
    $('#myTextarea').text('新的文本内容');
  });
});

Après avoir exécuté le code ci-dessus, cliquez sur le bouton "Modifier le contenu" sur la page, et le contenu de la zone de texte sera modifié en "nouveau contenu textuel".

Résumé

Ci-dessus sont les deux méthodes permettant à jQuery de définir la valeur de textarea. La méthode val() convient à la plupart des cas, tandis que la méthode text() convient aux cas où les balises HTML doivent être ignorées. Si vous devez définir la valeur initiale de textarea ou modifier son contenu de manière dynamique, veuillez choisir la méthode appropriée en fonction de la situation spécifique.

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!