área de texto no se actualiza

Question

con jQuery, he añadido un área de texto

$('#description').append('<textarea rows="8" cols="40">test</textarea>'); 

Ok, y cambiar la "prueba" de texto a "prueba de 01". Pero cuando intento

var cadena = $('#description').text(); 
alert(cadena); 

Me sale "prueba" y no "prueba 01". ¿Por qué?

Answer 1

dan la textarea un id y luego cambiar su valor con la función val:

$('#description').append('<textarea id="xxx" rows="8" cols="40">test</textarea>');  
$('#xxx').val('test01'); 

//... later on 
alert($('#xxx').val()); 

Answer 2

que realmente parece que se quiere hacer esto:

$('#description').append('<textarea id="newTextArea" rows="8" cols="40">test</textarea>');¬ 

Y luego esto:

var cadena = $('#newTextArea').text(); 
alert(cadena); 

De lo contrario, sólo estás añadiendo el interior de textarea lo #description es, y luego tratando de obtener el valor .text de ... todo eso (lo que sea).

Si agrega un id al textarea, puede ser más específico con su selección y obtener el valor de texto que está buscando.

Answer 3

Como se dice en la .text() doco page, "Para establecer u obtener el valor de texto de elementos de entrada o de área de texto, utilice el .val() método."

Usted no dice cómo cambia el texto, sino que debería estar haciendo esto:

$('#description textarea').val("test 01");  // change the text 

var cadena = $('#description textarea').val(); // retrieve the current text 

Tras señalar que "#description" es el contenedor del área de texto, y es necesario seleccionar el área de texto en sí para obtener el valor. Por supuesto, lo anterior no funcionará si tienes más de un área de texto en ese contenedor, por lo que sería mejor si pudieras asignarle un ID a la nueva área de texto y luego seleccionar en función de eso.

Answer 4

Usuario .val() en lugar de .text().

Si tiene única área un texto añade que puede hacer

var cadena = $('#description textarea:first-child').val(); 

caso de prueba: http://jsfiddle.net/UzK59/

O

Si está realizando adiciones más de un área de texto

var counter = 0; 
$('#description').append('<textarea id="textArea'+ counter +'" rows="8" cols="40">test</textarea>'); 
counter++; 

y luego

$('#textArea' + counter).val(); //Considering counter is 0 (Zero) here 

caso de prueba: http://jsfiddle.net/UzK59/1/

para ajustar el valor que puede hacer

$('#textArea' + counter).val('New Value') 

la esperanza que esto le ayuda.