Javascript ile <textarea> İçeriği Nasıl Değiştirilir

139

<textarea>JavaScript ile bir öğenin içeriğini nasıl değiştirebilirim ?

Boş bırakmak istiyorum.

javascript

— ian
kaynak

244

Bunun gibi:

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

veya jQuery'de böyle:

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

Nerede var

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

Tüm iniş çıkışçılar ve inanmayanlar için:

İşte MSDN başvurusu

value Özellik: textArea öğesinin giriş alanındaki metni alır veya ayarlar.
İşte MDN referansı

value DOMString Denetimin içerdiği ham değer.

— Greg
kaynak

Değerin işe yarayacağını düşünmedim çünkü yok. değer = içinde ama teşekkürler!

— ian

1

Windows mobil cihazlarda internet explorer'da çalışmaz.

— Paul

9

chrome v61 ile çalışmazsa, değer giriş kutusundaki değeri etkilemez

— Aero Wang

15

Eğer jQuery kullanabilirsiniz ve ben çok yapmanız tavsiye, sadece yapacağını

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

Aksi takdirde tarayıcıya bağlıdır. Var olduğunu varsayarsak

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

Çoğu tarayıcıda

myTextArea.innerHTML = '';

Ancak Firefox’ta

myTextArea.innerText = '';

Kullanıcının hangi tarayıcıyı kullandığını bulmak okuyucu için bir alıştırma olarak bırakılır. Tabii ki jQuery kullanmıyorsanız;)

Düzenleme : Bunu geri alıyorum. Görünüşe göre textarea's .innerHTML desteği geliştirildi. Chrome, Firefox ve Internet Explorer'da test ettim, hepsi metin alanını doğru bir şekilde temizledi.

Edit 2 : Ve ben sadece kontrol ettim, jQuery .val ('') kullanırsanız, sadece textarea's için .value özelliğini ayarlar. Bu yüzden .value iyi olmalı.

— Aistina
kaynak

3

.değer = ''; Chrome FF ve Safari'de çalışıyor ... .innerHTML Chrome'da çalışmıyor başkalarında test etmedi.

— ian

1

Textareas için innerHTML ve innerText kullanmamalısınız. Değer niteliği kullanılmalıdır. Yani, $ ('# myTextArea'). Val ('') veya document.getElementById ('myTextArea'). Value = '' en iyi seçenektir

— Parth

8

Birçok doğru cevap verilmiş olmasına rağmen, klasik (DOM olmayan okuma) yaklaşımı şöyle olacaktır:

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

HTML'de metin alanınız aşağıdaki gibi bir yerde yuvalanır:

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

Ve olduğu gibi, bu Netscape Navigator 4 ve Internet Explorer 3 ile de çalışır. Ve önemsiz değil, mobil cihazlarda Internet Explorer.

— Paul
kaynak

2

Jquery ise ..

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

veya

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

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

— Tigertiger
kaynak

2

tekdüzeyi bir forma koyun, adlandırın ve dom nesnelerini kolayca kullanın, şöyle:

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

— Shrdi
kaynak