2012-04-12 21 views
8

¿Cómo podría cambiar el valor de un área de texto a través de jQuery? Aquí hay un ejemplo:Cambiar el valor del área de texto con jQuery

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

¿Cómo puedo hacer esto a través de jQuery o simplemente javascript? Una respuesta es apreciada, gracias. He intentado esto:

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

Sin embargo, eso fue sólo un tiro en la oscuridad.

+0

¿dónde está el código de textarea? ¿Qué has intentado? – hjpotter92

+0

Si "aTextArea" es la ID de un elemento textarea y no hay otros elementos en su página con ese ID como atributos 'name' o' id', se garantiza que su código funcionará. No hay nada roto sobre la propiedad 'value' de textareas en cualquier navegador importante. –

Respuesta

12

Asumiendo que su área de texto como

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

código jQuery para actualizar el valor área de texto sería

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

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

+0

@kaveman: Ok, gracias por el enlace. textarea no es un elemento de entrada común que utilizo, así que no pude recordar los atributos y tuve que ir allí – DG3

+0

Gracias, eso funcionó perfectamente, y ¿por qué el enlace w3fools, kaveman? –

+0

Estaba usando un ejemplo de etiqueta textarea de w3schools. así que lo publicó. – DG3

3

jQuery

Con jQuery se puede utilizar .val("Your new value") en textareas también, incluso si el elemento HTML no tiene un atributo de valor.

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

Ejemplo: http://jsfiddle.net/sfxTt/

Llanura JavaScript

Con JS de fricción, que se podría hacer de esta manera:

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

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

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

Esto funciona muy bien para mí donde el nombre del atributo de entrada es message_text_reply, la opción $("#message_text_reply") no funciona.

Cuestiones relacionadas