89
Come cambierei il contenuto di un elemento <textarea> con JavaScript?Come modificare il contenuto di un <textarea> con Javascript
Voglio renderlo vuoto.
A
risposta
167
Ti piace questa:
document.getElementById('myTextarea').value = '';
o come questo in jQuery:
$('#myTextarea').val('');
Dove avete
<textarea id="myTextarea" name="something">This text gets removed</textarea>
Per tutti i downvoters e non credenti:
-
valore della proprietà: Recupera o imposta il testo nella voce campo dell'elemento textArea.
-
valore DOMString Il valore grezzo contenuta nel controllo.
1
Se la sua Jquery ..
$("#myText").val('');
o
document.getElementById('myText').value = '';
http://www.hscripts.com/tutorials/javascript/dom/textarea-events.php
+0
JavaScript .... Non Jquery ... – ian
+8
JQuery è Javascript, è un quadro. –
13
Se è possibile utilizzare jQuery, e consiglio vivamente di fare, si sarebbe semplicemente fare
$('#myTextArea').val('');
In caso contrario, è il browser dipendente. Supponendo di avere
var myTextArea = document.getElementById('myTextArea');
Nella maggior parte dei browser si fa
myTextArea.innerHTML = '';
Ma in Firefox, si fa
myTextArea.innerText = '';
Capire quale browser che l'utente sta usando è lasciata come esercizio per il lettore. A meno che non usi jQuery, ovviamente;)
Modifica: lo riprendo. Sembra che il supporto per .innerHTML su textarea sia migliorato. Ho provato su Chrome, Firefox e Internet Explorer, tutti hanno cancellato correttamente la textarea.
Modifica 2: E ho appena controllato, se si utilizza .val ('') in jQuery, imposta solo la proprietà .value per textarea. Quindi, il valore dovrebbe andare bene.
+2
.value = ''; funziona in Chrome FF e Safari ... .innerHTML non funziona in Chrome non ha testato in altri. – ian
+0
Non si dovrebbe usare innerHTML e innerText per i textareas. L'attributo value dovrebbe essere usato. Quindi $ ('# myTextArea'). Val ('') o document.getElementById ('myTextArea'). Value = '' è l'opzione migliore – Parth
7
Anche se molte risposte corrette sono già stati forniti, la classica (lettura non-DOM) approccio sarebbe stato così:
document.forms['yourform']['yourtextarea'].value = 'yourvalue';
dove nel codice HTML vostro textarea è annidato da qualche parte in una forma simile a questo:
<form name="yourform">
<textarea name="yourtextarea" rows="10" cols="60"></textarea>
</form>
E, come succede, funzionerebbe anche con Netscape Navigator 4 e Internet Explorer 3. E, non senza importanza, Internet Explorer su dispositivi mobili.
0
messo textarea ad una forma, dar loro un nome, e basta usare oggetti facilmente il DOM, in questo modo:
<body onload="form1.box.value = 'Welcome!'">
<form name="form1">
<textarea name="box"></textarea>
</form>
</body>
Problemi correlati
- 1. Come modificare il contenuto di EditText con Javascript?
- 2. Modificare il contenuto di un div utilizzando JavaScript
- 3. Imposta il contenuto di HTML <span> con Javascript
- 4. Accesso contenuto di <noscript> con Javascript
- 5. come modificare il contenuto di un FloatBuffer, mantenendo le prestazioni?
- 6. Come decomprimere il contenuto di un file JavaScript?
- 7. Come modificare il valore del contenuto di pseudo: prima dell'elemento con Javascript
- 8. sostituendo il contenuto div con javascript
- 9. modificare il contenuto del blocco
- 10. controllare il contenuto iframe con javascript/html
- 11. modificare un oggetto regola CSS con javascript
- 12. Modificare il contenuto di un file utilizzando Java
- 13. Quando si utilizza Bootstrap di Twitter, come posso modificare il contenuto di un popover?
- 14. Come modificare dinamicamente il tag di stile utilizzando JavaScript?
- 15. Come modificare il tipo di contenuto in php?
- 16. Come modificare il contenuto di Span usando jQuery?
- 17. il codice javascript deve iniziare con "<! -"?
- 18. Jsoup ottiene il contenuto di javascript con tag CDATA?
- 19. Come cancellare il contenuto di un IFRAME?
- 20. Come modificare un valore da JavaScript
- 21. Modificare l'href di un tag di ancoraggio con javascript
- 22. Come posso modificare un valore nell'attributo style con JavaScript?
- 23. Come si modifica il contenuto di un controllo contenuto in Word 2007 con OpenXml SDK 2.0?
- 24. Come ottenere il contenuto di console.log come stringa in JavaScript
- 25. Come modificare il contenuto prima del rendering in Android WebView?
- 26. Ottenere il contenuto di un DIV utilizzando JavaScript
- 27. Ordina un array il contenuto di un'altra in JavaScript
- 28. Come rendere il contenuto html con jinja usando la fiaschetta?
- 29. modificare un elenco <Tuple> voce
- 30. HTML: <textarea> -Tag: come eseguire correttamente l'escape del contenuto HTML e JavaScript visualizzato?
Textara non ha valore! –
Non pensavo che il valore avrebbe funzionato perché non c'è. value = in esso ma grazie! – ian
@Petr Peller sì ... – Greg