Ustaw wartość textarea w jQuery

Próbuję ustawić wartość w polu textarea za pomocą jquery z następującym kodem:

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

Problem polega na tym, że po uruchomieniu tego kodu nie zmienia on tekstu w obszarze tekstowym?

Jednak podczas wykonywania alert($("textarea#ExampleMessage").attr("value"))nowo ustawiona wartość jest zwracana?

Próbowałeś val?

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

Textarea nie ma atrybutu wartości, jego wartość znajduje się między znacznikami, tzn .: <textarea>my text</textarea>nie jest jak pole wejściowe ( <input value="my text" />). Dlatego attr nie działa :)

$("textarea#ExampleMessage").val() w jquery tylko magia.

Powinieneś zauważyć, że tag textarea używa wewnętrznego HTML do wyświetlania, a nie atrybutu wartości, tak jak tag wejściowy.

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

Powinieneś użyć

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

lub

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

zależy od tego, czy chcesz wyświetlić go jako tagi HTML czy zwykły tekst.

Och, chodźcie chłopcy! działa tylko z

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

Myślę, że to powinno działać:

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

miałem to samo pytanie, więc postanowiłem spróbować w obecnych przeglądarkach (jesteśmy półtora roku później po tym pytaniu) i to ( .val) działa

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

dla

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

Na Androidzie .vali .htmlnie działał.

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

wykonał robotę.

Miałem ten sam problem i to rozwiązanie nie działało, ale działało użycie HTML

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

Jest problem: muszę wygenerować kod HTML z zawartości danego div. Następnie muszę umieścić ten surowy kod HTML w polu tekstowym. Kiedy używam funkcji $ (textarea) .val () w następujący sposób:

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

lub

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

Miałem problem z jakimś znakiem specjalnym (& „”), gdy są między cudzysłowami. Ale kiedy używam funkcji: $ (textarea) .html () tekst jest w porządku.

Jest przykładowy formularz:

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

Kod javascript / jquery, który nie działa, aby wypełnić obszar tekstowy, to:

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

Wreszcie rozwiązanie:

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

Sztuką jest owinięcie obszaru tekstowego znacznikiem span, aby pomóc w funkcji replaceWith. Nie jestem pewien, czy jest bardzo czysty, ale działa idealnie. Dodaj surowy kod HTML w polu tekstowym.

textarea nie przechowuje wartości jako

<textarea value="someString">

zamiast tego przechowuje wartości w tym formacie:

<textarea>someString</textarea>

Więc attr("value","someString")dostaje ten wynik:

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

spróbuj $("#textareaid").val()lub $("#textareaid").innerHTMLzamiast tego.

Obszar tekstowy nie ma wartości. jQuery .html () działa w tym przypadku

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

Działa dla mnie .... Zbudowałem ścianę książki do twarzy ...

Oto podstawa mojego kodu:

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

Aby ustawić wartość textarea zakodowanego HTML (wyświetlanego jako HTML), należy użyć .html( the_var ) ale jak wspomniano, jeśli spróbujesz ustawić go ponownie, może (i prawdopodobnie) nie zadziała.

Możesz to naprawić, opróżniając obszar tekstowy, .empty()a następnie ustawiając go ponownie za pomocą.html( the_var )

Oto działający 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>

Próbowałem .val() .text() .html()i miałem kilka błędów przy użyciu jQuery do odczytu lub ustawienia wartości pola tekstowego ... w końcu używam natywnego js

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

Możemy użyć metod .val () lub .text () do ustawienia wartości. musimy wstawić wartość do val () jak val („hello”).

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

Sprawdź przykład tutaj: http://www.codegateway.com/2012/03/set-value-to-textarea-jquery.html

Wystarczy użyć identyfikatora textarea według typu:

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

Myślę, że brakuje jednego ważnego aspektu:

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

działa tylko wtedy, gdy istnieje selektor identyfikatora (#)

dla selektora klasy istnieje opcja użycia wartości natywnej, takiej jak:

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

Przyjęta odpowiedź działa dla mnie, ale dopiero wtedy, gdy zdałem sobie sprawę, że muszę wykonać kod po zakończeniu ładowania strony. W tej sytuacji skrypt wbudowany nie działał, ponieważ #my_form jeszcze się nie załadował.

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

Możesz nawet użyć poniższego fragmentu.

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

Kiedy miałem JQuery v1.4.4 na stronie, żadne z nich nie działało. Po wstrzyknięciu JQuery v1.7.1 na moją stronę, działało w końcu. W moim przypadku przyczyną była moja wersja JQuery.

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

Wykorzystałem $(textarea).val/html/text(any_str_var)wszystko, co dla mnie działa. Jeśli chcesz mieć pewność, że twoja zmienna jako ciąg znaków zostanie dodana do obszaru tekstowego, zawsze możesz konkatować w następujący sposób:

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

Metoda .val () jest zdecydowanie używana w obszarze tekstowym - patrz: https://api.jquery.com/val/

.html () może być użyty do pobrania lub ustawienia zawartości dowolnego elementu - patrz: https://api.jquery.com/html/#html2

.text () jest taki sam jak .html, ale można go użyć do ustawienia zawartości XML: patrz - https://api.jquery.com/text/#text-text

Możesz także przeczytać więcej o tym, jak każdy z nich działa na znaki specjalne z każdym z tych łączy.

Wystarczy użyć tego kodu, a zawsze będziesz mieć wartość:

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

Więc sprawdzi val () i ustawi jego wartość. Jeśli val () otrzyma pusty ciąg, NULL, NaN os sprawdzi html (), a następnie text () ...

To działa:

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

Pamiętaj, że trudną częścią jest upewnienie się, że używasz prawidłowego identyfikatora. Zanim użyjesz identyfikatora, upewnij się, że umieściłeś #go przed nim.

Korzystanie $("textarea#ExampleMessage").html('whatever you want to put here');może być dobrym sposobem, ponieważ .val()może mieć problemy podczas korzystania z danych z bazy danych.

Na przykład:

Pole bazy danych o nazwie as descriptionma następującą wartość asjkdfklasdjf sjklñadf. W takim przypadku użycie .val () do przypisania wartości do pola tekstowego może być żmudnym zadaniem.

Próbowałem ustawić wartość / tekst / HTML za pomocą JQuery, ale nie powiodło się. Więc wypróbowałem następujące.

W tym przypadku wstrzykiwałem nowy element textarea do utworzonego DOM.

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