Wert der Textarea in jQuery festlegen

Question

Ich versuche, einen Wert in einem Textarea-Feld mit Jquery mit dem folgenden Code zu setzen:

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

Das Problem ist, sobald dieser Code ausgeführt wird, ist es nicht den Text in der Textarea zu ändern?

Bei der Durchführung einer alert($("textarea#ExampleMessage").attr("value")) der neu eingestellte Wert zurückgegeben wird?

Answer 1

Meiner Meinung nach fehlt ein wichtiger Aspekt:

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

funktioniert nur, wenn ein ID-Selektor (#) vorhanden ist

für den Klassenselektor gibt es eine Option zur Verwendung nativer Werte wie:

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

Answer 2

Der Textbereich hat keinen Wert. jQuery .html() funktioniert in diesem Fall

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

Answer 3

Hinzufügen zu einigen großen Antworten oben, in einem Fall, wo Sie mit Multi-Formulare und das Element NAME ist, was Sie wollen, um Ziel.

$('textarea[name=ExampleMessageElName]').val('Some Message here');

Answer 4

Es funktioniert für mich.... Ich habe eine Facebook-Wand gebaut...

Hier ist die Grundlage meines Codes:

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

Answer 5

Um den Textarea-Wert von kodiertem HTML zu setzen (um ihn als HTML anzuzeigen), sollten Sie Folgendes verwenden .html( the_var ) aber wie bereits erwähnt, kann es sein (und wird es wahrscheinlich auch sein), dass es nicht funktioniert, wenn Sie versuchen, es erneut einzustellen.

Sie können dies beheben, indem Sie den Textbereich leeren .empty() und dann wieder einstellen mit .html( the_var )

Hier ist ein funktionierendes JSFiddle: 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>