Legen Sie den Wert des Textbereichs in jQuery fest

Ich versuche, einen Wert in einem Textfeld mit jquery mit dem folgenden Code festzulegen:

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

Das Problem ist, dass dieser Code nach seiner Ausführung den Text im Textbereich nicht ändert.

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

Hast du es mit val versucht?

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

Textarea hat kein Wertattribut, sein Wert kommt zwischen Tags, dh: <textarea>my text</textarea>es ist nicht wie das Eingabefeld ( <input value="my text" />). Deshalb funktioniert attr nicht :)

$("textarea#ExampleMessage").val() in jquery nur eine Magie.

Sie sollten beachten, dass das Textarea- Tag zum Anzeigen inneres HTML verwendet und nicht wie das Eingabe-Tag im Wertattribut.

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

Du solltest benutzen

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

oder

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

hängt davon ab, ob Sie es als HTML-Tags oder als einfachen Text anzeigen möchten.

Oohh komm schon Jungs! es funktioniert nur mit

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

Ich denke das sollte funktionieren:

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

Ich hatte die gleiche Frage, also habe ich beschlossen, sie in den aktuellen Browsern zu versuchen (wir sind eineinhalb Jahre später nach dieser Frage), und dies ( .val) funktioniert

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

zum

• IE8
• FF 3.6
• FF4
• Oper 11
• Chrome 10

Auf Android .valund .htmlhat nicht funktioniert.

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

hat den Job gemacht.

Ich hatte das gleiche Problem und diese Lösung funktionierte nicht, aber was funktionierte, war die Verwendung von HTML

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

Dort das Problem: Ich muss HTML-Code aus dem Inhalt eines bestimmten Div generieren. Dann muss ich diesen rohen HTML-Code in einen Textbereich einfügen. Wenn ich die Funktion $ (textarea) .val () wie folgt benutze:

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

oder

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

Ich hatte ein Problem mit einem Sonderzeichen (& '"), wenn es zwischen Anführungszeichen liegt. Wenn ich jedoch die Funktion $ (textarea) .html () verwende, ist der Text in Ordnung.

Es gibt ein Beispielformular:

<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='youremail@gmail.com' /></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>

Und Javascript / JQuery-Code, der nicht funktioniert, um den Textbereich zu füllen, ist:

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

Endlich die Lösung:

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

Der Trick besteht darin, Ihren Textbereich mit einem span-Tag zu versehen, um die Funktion replaceWith zu unterstützen. Ich bin mir nicht sicher, ob es sehr sauber ist, aber es funktioniert auch perfekt. Fügen Sie rohen HTML-Code in einen Textbereich ein.

textarea speichert keine Werte als

<textarea value="someString">

Stattdessen werden Werte in diesem Format gespeichert:

<textarea>someString</textarea>

So erhalten attr("value","someString")Sie dieses Ergebnis:

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

versuchen Sie es $("#textareaid").val()oder $("#textareaid").innerHTMLstattdessen.

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

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

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

Hier ist die Basis meines Codes:

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

Um den Textbereichswert von codiertem HTML festzulegen (als HTML anzuzeigen), sollten Sie verwenden .html( the_var ) Wie bereits erwähnt, funktioniert er möglicherweise (und wahrscheinlich) nicht, wenn Sie versuchen, ihn erneut festzulegen.

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

Hier ist eine funktionierende 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>

Ich habe es mit versucht .val() .text() .html()und hatte einige Fehler mit jQuery, um den Wert eines Textbereichs zu lesen oder festzulegen ... am Ende verwende ich native js

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

Wir können entweder die Methoden .val () oder .text () verwenden, um Werte festzulegen. Wir müssen Wert in val () wie val ("Hallo") setzen.

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

Überprüfen Sie das Beispiel hier: http://www.codegateway.com/2012/03/set-value-to-textarea-jquery.html

Verwenden Sie einfach die Textarea-ID nach Typ wie folgt:

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

Ich denke, es fehlt ein wichtiger Aspekt:

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

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

Für die Klassenauswahl gibt es eine Option zur Verwendung eines nativen Werts wie:

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

Die akzeptierte Antwort funktioniert für mich, aber erst nachdem mir klar wurde, dass ich meinen Code ausführen musste, nachdem die Seite vollständig geladen wurde. In dieser Situation hat das Inline-Skript nicht funktioniert, da #my_form noch nicht geladen wurde.

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

Sie können sogar das folgende Snippet verwenden.

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

Als ich JQuery v1.4.4 auf der Seite hatte, funktionierte keines davon. Beim Einfügen von JQuery v1.7.1 in meine Seite hat es endlich funktioniert. In meinem Fall war es also meine JQuery-Version, die das Problem verursachte.

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');

Ich habe $(textarea).val/html/text(any_str_var)alles für mich gearbeitet. Wenn Sie sicher sein möchten, dass Ihre Variable als Zeichenfolge zum Textbereich hinzugefügt wird, können Sie sich jederzeit wie folgt konzentrieren:

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

Die Methode .val () wird definitiv im Textbereich verwendet - siehe: https://api.jquery.com/val/

Mit .html () können Sie den Inhalt eines Elements abrufen oder festlegen - siehe: https://api.jquery.com/html/#html2

.text () ist dasselbe wie .html, außer dass dies zum Festlegen von XML-Inhalten verwendet werden kann: siehe - https://api.jquery.com/text/#text-text

Sie können auch mehr darüber lesen, wie sich die einzelnen Zeichen auf Sonderzeichen mit jedem dieser Links auswirken.

Verwenden Sie einfach diesen Code und Sie haben immer den Wert:

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

Also prüft es val () und setzt seinen Wert. Wenn val () eine leere Zeichenfolge, NULL, NaN os, erhält, wird nach HTML () und dann nach Text () gesucht ...

Das funktioniert:

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

Denken Sie daran, dass der schwierige Teil hier darin besteht, sicherzustellen, dass Sie die richtige ID verwenden. Und bevor Sie die ID verwenden, stellen Sie sicher, dass Sie sie #vorlegen.

Die Verwendung $("textarea#ExampleMessage").html('whatever you want to put here');kann ein guter Weg sein, da .val()es Probleme geben kann, wenn Sie Daten aus der Datenbank verwenden.

Zum Beispiel:

Ein Datenbankfeld mit dem Namen as descriptionhat den folgenden Wert asjkdfklasdjf sjklñadf. In diesem Fall kann die Verwendung von .val () zum Zuweisen von Werten zum Textbereich eine mühsame Aufgabe sein.

Ich habe versucht, value / text / html mit JQuery festzulegen, war aber nicht erfolgreich. Also habe ich folgendes versucht.

In diesem Fall habe ich ein neues Textbereichselement in ein nach erstelltes DOM eingefügt.

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