<textarea>のコンテンツをJavaScriptで変更する

167

：

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

やjQueryのでは、このような

：

あなたはすべてのdownvotersと非信者のために

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

を持って

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

：

Here's the MSDN reference

Valueプロパティ：エントリ内のテキストを取得または設定しますtextArea要素のフィールド。コントロールに含まれている生の値のDOMString
Here's the MDN reference

値。

出典

2009-10-29 09:12:22 Greg

+1

Textaraには値のプロパティはありません！ –

+0

価値がないという理由で価値が働くとは思わなかった。値=その中にありがとう！ – ian

+14

@Petr Pellerはいそうです... – Greg

1

もしそのjqueryの..

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

または

このよう

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

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

出典

2009-10-29 09:11:21 TigerTiger

+0

はJavaScript ....ないのjQuery ... – ian

+8

jQueryのは、それがフレームワークだ、JavaScriptのです。 –

13

あなたはjQueryのを使用することができますし、私は非常にあなたがお勧め場合、あなたは、単にそれ以外の場合は

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

をするだろう、それはブラウザに依存しています。あなたは

myTextArea.innerHTML = '';

しかし、Firefoxで、ユーザーが使用しているがための課題として残っているもののブラウザ

myTextArea.innerText = '';

考え出すんを行うほとんどのブラウザで

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

を持っていると仮定すると、リーダー。もちろん、jQueryを使用しない限り）

を編集します。 textareaの.innerHTMLのサポートが改善されたように見えます。 Chrome、Firefox、Internet Explorerでテストしたところ、すべてが正しくテキストエリアをクリアしました。

編集2：jQueryで.val（ ''）を使用すると、textareaの.valueプロパティが設定されます。したがって、値はうまくいくはずです。

出典

2009-10-29 09:17:34 Aistina

+2

.value = ''; Chrome FFやSafariで動作します... .innerHTMLはChromeで動作しません。他のユーザーではテストされませんでした。 – ian

+0

textareasにはinnerHTMLとinnerTextを使用しないでください。 value属性を使用する必要があります。したがって、$（ '＃myTextArea'）.val（ ''）またはdocument.getElementById（ 'myTextArea'）。value = ''が最適なオプションです – Parth

7

多くの正しい答えがすでに与えられているが、古典（読み非DOM）のアプローチは次のようになります：HTMLにあなたのテキストエリアは、このような形でどこかにネストされている

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

：

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

そして、それはNetscape Navigator 4とInternet Explorer 3でも機能します。そして、重要ではないモバイルデバイス上のInternet Explorer。

出典

2009-10-29 09:31:33 Paul

0

がそれらを命名、フォームにテキストエリアを置き、ちょうどDOMはこのように、簡単にオブジェクトを使用します。

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

出典

2017-04-26 01:08:35 Shrdi

<textarea>のコンテンツをJavaScriptで変更する

答えて

関連する問題