Définir la valeur du textarea en jQuery

Avez-vous essayé de val?

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

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

Vous devriez noter que textarea balise à l'aide de intérieure html pour afficher et pas dans la valeur de l'attribut comme balise d'entrée.

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

Vous devez utiliser

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

ou

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

dépendra de si vous voulez l'afficher que les balises html ou texte brut.

Je pense que cela devrait fonctionner :

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

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

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

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

$(textarea).val("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 eu des problème avec un caractère spécial ( &"" ) quand ils sont entre de l'être". Mais quand j'utilise la fonction :
$(textarea).html() le texte est ok.

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 javascript/jquery code qui ne fonctionne pas à remplir le textarea 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 est de conclure votre textarea avec une balise span aider à la remplaceavec fonction.
Je ne sais pas si c'est très propre, mais c'est un travail parfait aussi ajouter raw code html dans un textarea.

Zone de texte n'est pas d'avoir de la valeur. jQuery .html() fonctionne dans ce cas,

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

Pour définir textarea valeur codée en HTML (pour l'afficher au format HTML), vous devez utiliser .html( the_var ) mais comme mentionné, si vous essayez à nouveau, il peut (et a probablement) ne fonctionnera pas.

Vous pouvez résoudre ce problème en vidant le textarea .empty() et puis en fixant de nouveau avec .html( the_var )

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

JS:

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(); 
    });
    
});

HTML:

<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>

Nous pouvons utiliser .val() ou .texte() les méthodes pour définir les valeurs. nous avons besoin de mettre en valeur l'intérieur de val() comme val("bonjour").

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

Vérifier exemple ici: http://www.codegateway.com/2012/03/set-value-to-textarea-jquery.html

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

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

Juste textarea Id par son type comme lui:

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

Cela fonctionne:

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

Rappelez-vous, la partie la plus délicate ici est de s'assurer que vous utilisez la bonne ID.
Et avant d'utiliser l'ID assurez-vous de mettre # avant.

Je pense qu'il manque un aspect important:

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

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

pour sélecteur de classe il y a une option pour utiliser la valeur native comme:

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