2012-04-12 17 views
8

Jak zmienić wartość obszaru tekstowego za pomocą jQuery. Oto przykład:Zmień wartość pola tekstowego za pomocą jQuery

var content = "Hello World"; 
//Code to set the value of the 
text area to content here. 

Jak zrobić to za pośrednictwem jQuery lub po prostu javascript? Odpowiedź jest doceniana, dzięki. Próbowałem to:

var txtArea = document.getElementById('aTextArea'); 
txtArea.value = rolls; 

jednak, że był po prostu strzał w ciemno.

+0

gdzie jest kod do textarea? co próbowałeś? – hjpotter92

+0

Jeśli "aTextArea" jest identyfikatorem elementu textarea i na stronie nie ma innych elementów o takim identyfikatorze, jak atrybuty 'name' lub' id', oznacza to, że Twój kod działa poprawnie. Nie ma nic zepsutego w odniesieniu do właściwości "wartości" tekstów w dowolnej większej przeglądarce. –

Odpowiedz

12

Zakładając, że textarea jak

<textarea id="textarea" rows="4" cols="50"> 
    sample textarea 
</textarea>​​​​​​ 

kod jquery zaktualizować wartość textarea byłoby

​$(document).ready(function(){ 
    var content = "Hello World"; 
    $("#textarea").val(content); 
});​ 

jsfiddle: http://jsfiddle.net/bhatlx/PuWH4/1/

+0

@kaveman: Ok, dzięki za link. textarea nie jest często używanym elementem wejściowym, więc nie pamiętam atrybutów i musiałem tam jechać. – DG3

+0

Dzięki, że działało idealnie i dlaczego link w3fools, kaveman? –

+0

Użyłem przykład tagu textarea z w3schools. więc to opublikował. – DG3

3

jQuery

z jQuery można użyć .val("Your new value") również na tekstach, nawet jeśli element HTML nie ma atrybutu value.

$(function(){ 
    $("#id-of-textarea").val("test"); 
});​ 

przykład: http://jsfiddle.net/sfxTt/

zwykły JavaScript

zwykły JS, to może być wykonane w następujący sposób:

document.getElementById('id-of-textarea').value = "Hello"; 

przykład: http://jsfiddle.net/sfxTt/1/

1
jQuery("textarea[name='message_text_reply']").val('Holla') 

Działa to bardzo dobrze dla mnie, gdy nazwa atrybutu wejściowego to message_text_reply, opcja $("#message_text_reply") nie działa.

Powiązane problemy