Définir la valeur de textarea dans jQuery

J'essaie de définir une valeur dans un champ de zone de texte à l'aide de jquery avec le code suivant:

$("textarea#ExampleMessage").attr("value", result.exampleMessage);

Le problème est qu'une fois ce code exécuté, il ne modifie pas le texte dans la zone de texte?

Cependant, lors de l'exécution d'un, alert($("textarea#ExampleMessage").attr("value"))la nouvelle valeur définie est renvoyée?

Avez-vous essayé val?

$("textarea#ExampleMessage").val(result.exampleMessage);

Textarea n'a pas d'attribut value, sa valeur se situe entre les balises, c'est à dire:, <textarea>my text</textarea>ce n'est pas comme le champ de saisie ( <input value="my text" />). C'est pourquoi attr ne fonctionne pas :)

$("textarea#ExampleMessage").val() en jquery juste une magie.

Vous devriez remarquer que la balise textarea utilise le HTML interne pour afficher et non dans l'attribut value comme la balise d'entrée.

<textarea>blah blah</textarea>
<input type="text" value="blah blah"/>

Tu devrais utiliser

$("textarea#ExampleMessage").html(result.exampleMessage)

ou

$("textarea#ExampleMessage").text(result.exampleMessage)

dépend si vous souhaitez l'afficher sous forme de balises html ou de texte brut.

Oohh allez les garçons! ça marche juste avec

$('#your_textarea_id').val('some_value');

Je pense que cela devrait fonctionner:

$("textarea#ExampleMessage").val(result.exampleMessage);

j'avais la même question donc j'ai décidé de l'essayer dans les navigateurs actuels (nous sommes un an et demi plus tard dans le temps après cette question), et cela ( .val) fonctionne

$("textarea#ExampleMessage").val(result.exampleMessage); 

pour

• IE8
• FF 3,6
• FF4
• Opera 11
• Chrome 10

Sur Android .valet .htmln'a pas fonctionné.

$('#id').text("some value")

a fait le travail.

J'ai eu le même problème et cette solution n'a pas fonctionné mais ce qui a fonctionné a été d'utiliser du HTML

$('#your_textarea_id').html('some_value');

Là, le problème: j'ai besoin de générer du code html à partir du contenu d'un div donné. Ensuite, je dois mettre ce code html brut dans une zone de texte. Lorsque j'utilise la fonction $ (textarea) .val () comme ceci:

$ (textarea) .val ("certains html comme <input type = 'text' value = '' style =" background: url ('http://www.w.com/bg.gif') repeat-x center; "/> bla bla");

ou

$ ('# idTxtArGenHtml'). val ($ ('idDivMain'). html ());

J'ai rencontré un problème avec certains caractères spéciaux (& '") lorsqu'ils se trouvent entre guillemets. Mais lorsque j'utilise la fonction: $ (textarea) .html (), le texte est correct.

Il y a un exemple de formulaire:

<FORM id="idFormContact" name="nFormContact" action="send.php" method="post"  >
    <FIELDSET id="idFieldContact" class="CMainFieldset">
        <LEGEND>Test your newsletter&raquo; </LEGEND> 
        <p>Send to &agrave; : <input id='idInpMailList' type='text' value='[email protected]' /></p>
        <FIELDSET  class="CChildFieldset">
            <LEGEND>Subject</LEGEND>
            <LABEL for="idNomClient" class="CInfoLabel">Enter the subject: *&nbsp</LABEL><BR/>
          <INPUT value="" name="nSubject" type="text" id="idSubject" class="CFormInput" alt="Enter the Subject" ><BR/>
    </FIELDSET>
    <FIELDSET  class="CChildFieldset">
        <INPUT id="idBtnGen" type="button" value="Generate" onclick="onGenHtml();"/>&nbsp;&nbsp;
          <INPUT id="idBtnSend" type="button" value="Send" onclick="onSend();"/><BR/><BR/>
            <LEGEND>Message</LEGEND>
                <LABEL for="idTxtArGenHtml" class="CInfoLabel">Html code : *&nbsp</LABEL><BR/>
                <span><TEXTAREA  name="nTxtArGenHtml" id="idTxtArGenHtml" width='100%' cols="69" rows="300" alt="enter your message" ></TEXTAREA></span>
        </FIELDSET>
    </FIELDSET>
</FORM>

Et le code javascript / jquery qui ne fonctionne pas pour remplir la zone de texte est:

function onGenHtml(){
  $('#idTxtArGenHtml').html( $("#idDivMain").html()  );
}

Enfin la solution:

function onGenHtml(){
  $('#idTxtArGenHtml').html( $("#idDivMain").html() );
  $('#idTxtArGenHtml').parent().replaceWith( '<span>'+$('#idTxtArGenHtml').parent().html()+'</span>');
}

L'astuce consiste à envelopper votre zone de texte avec une balise span pour vous aider avec la fonction replaceWith. Je ne sais pas si c'est très propre, mais cela fonctionne parfaitement aussi ajoutez du code html brut dans une zone de texte.

textarea ne stocke pas les valeurs sous

<textarea value="someString">

à la place, il stocke les valeurs dans ce format:

<textarea>someString</textarea>

Alors attr("value","someString")vous obtient ce résultat:

<textarea value="someString">someOLDString</textarea>.

essayez $("#textareaid").val()ou à la $("#textareaid").innerHTMLplace.

La zone de texte n'a pas de valeur. jQuery .html () fonctionne dans ce cas

$("textarea#ExampleMessage").html(result.exampleMessage);

Cela fonctionne pour moi .... J'ai construit un mur de livre de visage ...

Voici la base de mon code:

// SETS MY TEXT AREA TO EMPTY (NO VALUE)
$('textarea#message_wall').val('');

Pour définir la valeur de la zone de texte du code HTML codé (pour afficher en HTML), vous devez utiliser, .html( the_var )mais comme mentionné si vous essayez de le définir à nouveau, cela peut (et probablement) ne fonctionnera pas.

Vous pouvez résoudre ce problème en vidant la zone de texte .empty(), puis en la définissant à nouveau avec.html( the_var )

Voici un JSFiddle fonctionnel: https://jsfiddle.net/w7b1thgw/2/

jQuery(function($){
    
    $('.load_html').click(function(){
        var my_var = $(this).data('my_html');
        $('#dynamic_html').html( my_var ); 
    });
    
    $('#clear_html').click(function(){
        $('#dynamic_html').empty(); 
    });
    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<textarea id="dynamic_html"></textarea>
<a id="google_html" class="load_html" href="#" data-my_html="&lt;a href=&quot;google.com&quot;&gt;google.com&lt;/a&gt;">Google HTML</a>
<a id="yahoo_html" class="load_html" href="#" data-my_html="&lt;a href=&quot;yahoo.com&quot;&gt;yahoo.com&lt;/a&gt;">Yahoo HTML</a>
<a id="clear_html" href="#">Clear HTML</a>

J'ai essayé avec .val() .text() .html()et j'ai eu quelques bogues en utilisant jQuery pour lire ou définir la valeur d'une zone de texte ... je finis par utiliser js natif

$('#message').blur(function() {    
    if (this.value == '') { this.value = msg_greeting; }
});

Nous pouvons utiliser les méthodes .val () ou .text () pour définir des valeurs. nous devons mettre de la valeur dans val () comme val ("bonjour").

  $(document).ready(function () {
    $("#submitbtn").click(function () {
      var inputVal = $("#inputText").val();
      $("#txtMessage").val(inputVal);
    });
  });

Consultez l'exemple ici: http://www.codegateway.com/2012/03/set-value-to-textarea-jquery.html

Utilisez simplement Textarea Id par son type comme celui-ci:

$("textarea#samplID").val()

Je pense qu'il manque un aspect important:

$('#some-text-area').val('test');

ne fonctionne que lorsqu'il y a un sélecteur d'ID (#)

pour le sélecteur de classe, il existe une option pour utiliser une valeur native comme:

$('.some-text-area')[0].value = 'test';

La réponse acceptée fonctionne pour moi, mais seulement après avoir réalisé que je devais exécuter mon code une fois le chargement de la page terminé. Dans cette situation, le script en ligne n'a pas fonctionné, je suppose que #my_form n'a pas encore terminé le chargement.

$(document).ready(function() {
  $("#my_form textarea").val('');
});

Vous pouvez même utiliser l'extrait ci-dessous.

$("textarea#ExampleMessage").append(result.exampleMessage);

Lorsque j'avais JQuery v1.4.4 dans la page, ni l'un ni l'autre ne fonctionnait. Lors de l'injection de JQuery v1.7.1 dans ma page, cela a finalement fonctionné. Donc, dans mon cas, c'est ma version JQuery qui causait le problème.

id ==> textareaid

======================

var script1 = document.createElement("script");
script1.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";
document.body.appendChild(script1);

var script2 = document.createElement("script"); 
script2.type = "text/javascript"; 
script2.innerHTML = "var $jq171 = $.noConflict();"; 
document.body.appendChild(script2);

$jq171('#textareaid').val('xxx');

J'ai utilisé $(textarea).val/html/text(any_str_var)tout a fonctionné pour moi. Si vous voulez être sûr que votre variable sous forme de chaîne est ajoutée à la zone de texte, vous pouvez toujours concatier comme ceci:

$(textarea).val(unknown_var + '')

La méthode .val () est définitivement utilisée sur la zone de texte - voir: https://api.jquery.com/val/

.html () peut être utilisé pour obtenir ou définir le contenu de n'importe quel élément - voir: https://api.jquery.com/html/#html2

.text () est identique à .html sauf que cela peut être utilisé pour définir le contenu XML: voir - https://api.jquery.com/text/#text-text

Vous pouvez également en savoir plus sur la façon dont chacun agit sur les caractères spéciaux avec chacun de ces liens.

Utilisez simplement ce code et vous aurez toujours la valeur:

var t = $(this); var v = t.val() || t.html() || t.text();

Il va donc vérifier val () et définir sa valeur. Si val () obtient une chaîne vide, NULL, NaN, il vérifiera html () puis text () ...

Cela marche:

var t = $('#taCommentSalesAdministration');
t.val('Hi');

N'oubliez pas que la partie la plus délicate ici consiste à vous assurer que vous utilisez le bon ID. Et avant d'utiliser l'ID, assurez-vous de le mettre #avant.

L'utilisation $("textarea#ExampleMessage").html('whatever you want to put here');peut être un bon moyen, car il .val()peut y avoir des problèmes lorsque vous utilisez des données de la base de données.

Par exemple:

Un champ de base de données nommé as descriptiona la valeur suivante asjkdfklasdjf sjklñadf. Dans ce cas, l'utilisation de .val () pour attribuer une valeur à la zone de texte peut être une tâche fastidieuse.

J'ai essayé de définir la valeur / text / html à l'aide de JQuery mais n'a pas réussi. J'ai donc essayé ce qui suit.

Dans ce cas, j'injectais un nouvel élément textarea à un DOM créé.

 var valueToDisplay= 'Your text here even with line breaks';
 var textBox = '<textarea class="form-control" >'+ valueToDisplay +'</textarea>';
 $(td).html(textBox);