テキストエリアに内容を追記する


動作ブラウザ 【 IE:3.0  NN:2.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows - - -
Macintosh - - - ×
UNIX - - - - - - - -
Dreamcast - - - - - - - - - - -

ポイント CR = String.fromCharCode(13); function setData(param) { txt = document.myFORM.myTEXT.value + param + CR; document.myFORM.myTEXT.value = txt; }
説  明 テキストエリアに文字を追記していくには、テキストエリアの内容を読み出してから追加したい文字を連結します。その結果を再度テキストエリアに書き戻します。
サンプル <html> <head> <title>テキストエリアに内容を追記する</title> <script language="JavaScript"><!-- CR = String.fromCharCode(13); function setData(param) { txt = document.myFORM.myTEXT.value + param + CR; document.myFORM.myTEXT.value = txt; } // --></script> </head> <body> <form name="myFORM"> <input type="button" value="月曜日" onClick="setData('月曜日:暇です')"><br> <input type="button" value="火曜日" onClick="setData('火曜日:旅行')"><br> <input type="button" value="水曜日" onClick="setData('水曜日:出勤')"><br> <input type="button" value="木曜日" onClick="setData('木曜日:休暇')"><br> <input type="button" value="金曜日" onClick="setData('金曜日:出張')"><br> <textarea rows="9" cols="20" name="myTEXT"></textarea><br> </form> </body> </html>
補足説明 改行コードはOSにより異なります。Macでは13番、UNIXでは10番、Windowsでは13番と10番となります。うまく動作しない場合には改行コードを変更してみてください。

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA