Cómo cambiar el contenido de un <textarea> con Javascript

167

De esta manera:

document.getElementById('myTextarea').value = '';

o como esto en jQuery:

$('#myTextarea').val('');

Cuando usted tiene

<textarea id="myTextarea" name="something">This text gets removed</textarea>

Para todos los downvoters y no creyentes:

Here's the MSDN reference

valor de la propiedad: Recupera o establece el texto en la entrada campo del elemento textArea.
Here's the MDN reference

valor DOMString El valor crudo contenido en el control.

Fuente

2009-10-29 09:12:22 Greg

+1

¡Textara no tiene propiedades de valor! –

+0

No pensé que el valor funcionaría porque no hay. valor = en él, pero gracias! – ian

+14

@Petr Peller sí lo hace ... – Greg

1

Si su Jquery ..

$("#myText").val('');

o

document.getElementById('myText').value = '';

http://www.hscripts.com/tutorials/javascript/dom/textarea-events.php

Fuente

2009-10-29 09:11:21 TigerTiger

+0

JavaScript .... No Jquery ... – ian

+8

jQuery es JavaScript, que es un marco. –

13

Si puede utilizar jQuery, y recomiendo encarecidamente que hacer, sólo tendría que hacer

$('#myTextArea').val('');

De lo contrario, depende del navegador. Asumiendo que tiene

var myTextArea = document.getElementById('myTextArea');

En la mayoría de los navegadores que haces

myTextArea.innerHTML = '';

Pero en Firefox, lo hace

myTextArea.innerText = '';

Averiguar qué navegador está utilizando el usuario se deja como ejercicio para el lector. A menos que use jQuery, por supuesto;)

Editar: Retiro eso. Parece que ha mejorado la compatibilidad con .innerHTML en textarea. Probé en Chrome, Firefox e Internet Explorer, todos ellos borraron el área de texto correctamente.

Editar 2: Y acabo de comprobar, si utiliza .val ('') en jQuery, simplemente establece la propiedad .value para textarea. Entonces .value debería estar bien.

Fuente

2009-10-29 09:17:34 Aistina

+2

.value = ''; funciona en Chrome FF y Safari ... .innerHTML no funciona en Chrome no lo hizo en otros. – ian

+0

No debe usar innerHTML y innerText para áreas de texto. El atributo de valor debe ser utilizado. Entonces, $ ('# myTextArea'). Val ('') o document.getElementById ('myTextArea'). Value = '' es la mejor opción – Parth

7

Aunque ya se han dado muchas respuestas correctas, la clásica (lectura no DOM) enfoque sería así:

document.forms['yourform']['yourtextarea'].value = 'yourvalue';

donde en el HTML de su área de texto está anidado en algún lugar de un formulario como el siguiente:

<form name="yourform"> 
    <textarea name="yourtextarea" rows="10" cols="60"></textarea> 
</form>

Y da la casualidad, eso funcionaría con Netscape Navigator 4 e Internet Explorer 3 también. Y, no sin importancia, Internet Explorer en dispositivos móviles.

Fuente

2009-10-29 09:31:33 Paul

0

poner el área de texto a un formulario, indicando sus nombres, y sólo tiene que utilizar el DOM objetos con facilidad, como esto:

<body onload="form1.box.value = 'Welcome!'"> 
    <form name="form1"> 
    <textarea name="box"></textarea> 
    </form> 
</body>

Fuente

2017-04-26 01:08:35 Shrdi

Cómo cambiar el contenido de un <textarea> con Javascript

Respuesta

Cuestiones relacionadas