WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:[javascript]textareaに文字列を追加

0:[投稿] girry [2005/02/28 23:24 ][環境:IE6,Opera7.51 / Win2k FreeBSD,Apache]

当方,サンプルをコピペして,関数を2,3行若干修正するといったスキルレベルです.
以下のような動作を javascriptで実現させようとしています.
--
<form>中に<textarea>とボタンを設置しておき、ボタンを押すと
あらかじめ決めておいた文字列を<textarea>の最後尾に追加する.
--
が,本やWebサイトを探しても紹介しているところが見つけることができませんでした.
<option>に要素を追加する,<body>の末尾に文字列を追加する,と
いった動作を紹介しているところは多くありますが,前記のような挙動は不可なのでしょうか.

皆様のお知恵を拝借ください.


1:[回答] gun [2005/03/01 09:56 ]

テキストボックスと同じように、
下のようにすればできます。

<!--textareaに"textarea01"という名前とつける-->
<textarea name="textarea01">
</textarea>

// "textarea01"に文字列を追加する
var objTextarea = document.getElementsByName('textarea01')[0];
objTextarea.value += "hoge";


2:[完了] girry [2005/03/01 22:39 ]

ありがとうございます.解決しました.
実際には button とイメージ を使って下記のような作りにしました.

--
function add_str(arg){
    var str = document.getElementsByName("message")[0];
    str.value += arg.name;
}
// -->
--
<form onSubmit="return false;">
<textarea name="message"></textarea>
<button name="hoge" onClick="add_str(this);"><img src="hoge.gif"></button>
</form>

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World