2012-04-12 10 views
8

Wie kann ich den Wert eines Textbereichs über jQuery ändern? Hier ist ein Beispiel:Textbereich mit jQuery ändern

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

Wie würde ich dies durch jQuery tun oder einfach nur Javascript? Eine Antwort wird geschätzt, danke. Ich habe versucht, dieses:

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

Das war jedoch nur ein Schuss im Dunkeln.

+0

wo ist der Code für textarea? Was hast du probiert? – hjpotter92

+0

Wenn "aTextArea" die ID eines TextArea-Elements ist und auf Ihrer Seite keine anderen Elemente mit dieser ID als 'name'- oder' id' -Attribute vorhanden sind, funktioniert Ihr Code garantiert. Es ist nichts über die "Value" -Eigenschaft von Textareas in einem großen Browser kaputt. –

Antwort

12

Angenommen, Ihre Textarea als

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

jquery Code TextArea- Wert zu aktualisieren wäre

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

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

+0

@kaveman: Ok, danke für den Link. Textarea ist kein gewöhnliches Eingabeelement, das ich benutze, also konnte ich mich nicht an die Attribute erinnern und musste dorthin gehen – DG3

+0

Danke, das hat perfekt funktioniert, und warum die w3fools link, kaveman? –

+0

Ich habe das Textarea-Tag-Beispiel von w3schools verwendet. also hat er es gepostet. – DG3

3

jQuery

Mit jQuery können Sieverwendenauch auf textareas, auch wenn das HTML-Element kein value-Attribut hat.

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

Beispiel:

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

Beispiel: http://jsfiddle.net/sfxTt/1/

1

Plain JavaScript

Mit Ebene JS, könnte es wie folgt durchgeführt werden 10

Das funktioniert sehr gut für mich, wo der Name des Eingabeattributs message_text_reply ist, funktioniert die $("#message_text_reply") Option nicht.