プロが教えるわが家の防犯対策術！

ボタンをクリックするとテキストエリアに文字が表示される。

解決済

  • 質問者：ran-papa
  • 質問日時：
  • 回答数：2件

はじめまして
下記内容のJavaScriptを見つけたのですが
これをどうにか違うものにしたいのです。

<html>
<head>
<TITLE>テキストエリアに複数項表示する</TITLE>

<script language="JavaScript"><!--
function setChars()
{
str1="テキストエリアに";
str2="複数項にわたる文字を";
str3="表示します。";
document.myFORM.myTEXT.value=str1+"\n"+str2+"\n"+str3;
}
/--></script>
</head>
<body>
<form name="myFORM">
<textarea name="myTEXT"rows="10"></textarea><br>
<input type="button"value="複数行表示"onClick="setChars()">
</form>
</body>
</html>
------------------------------------------------

例えば

（月・火・水・木）とそれぞれのボタンがあるとします。

そのボタンを押すと、複数行テキストへ
月曜→○○○○
火曜→○○○○
水曜→○○○○
木曜→○○○○
というように、表示させたいのです。

また、複数行テキストに入力された文字が消えず改行されて表示させたいのです。

自分でもいろいろと試してみたのですが、頭が悪く、全く思ったようにできません。

お忙しいところ大変申し訳ありませんが、

上記に記載した内容のスクリプトはありますでしょうか。

ご返答いただけると幸いです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.1ベストアンサー

Wizard_Zeroと申します。



例えばこんな感じでしょうか？

<html>
<head>
<TITLE>テキストエリアに複数項表示する</TITLE>

<script language="JavaScript"><!--
function setChars(text)
{
if (document.myFORM.myTEXT.value || "") {
document.myFORM.myTEXT.value = document.myFORM.myTEXT.value + "\n"
}

document.myFORM.myTEXT.value = document.myFORM.myTEXT.value + text
}
/--></script>
</head>
<body>
<form name="myFORM">
<textarea name="myTEXT"rows="10"></textarea><br>
<input type="button" value="月曜" onClick="setChars('AAAAA')">
<input type="button" value="火曜" onClick="setChars('BBBBB')">
<input type="button" value="水曜" onClick="setChars('CCCCC')">
<input type="button" value="木曜" onClick="setChars('DDDDD')">
<input type="button" value="金曜" onClick="setChars('EEEEE')">
</form>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

Wizard_Zeroさん。これです！！。これがやりたかったんです！！。ありがとうございます。

通報する
お礼日時：2005/03/07 15:46

No.2

  • 回答者： cyokokichi
  • 回答日時：

こんなのいかがですか？


そのまんま書いてみました。

<html>
<head>
<TITLE>テキストエリアに複数項表示する</TITLE>

<script language="JavaScript">
<!--
/*文字列の適当なところに\n（改行をいれる）*/
function getu()
{
str1="月曜→○"+"\n"+"○○○";
document.myFORM.myTEXT.value=str1;
}

function ka()
{
str1="火曜→○"+"\n"+"○○○";
document.myFORM.myTEXT.value=str1;
}

function sui()
{
str1="水曜→○"+"\n"+"○○○";
document.myFORM.myTEXT.value=str1;
}

function moku()
{
str1="木曜→○"+"\n"+"○○○";
document.myFORM.myTEXT.value=str1;
}

/-->
</script>
</head>
<body>
<form name="myFORM">
<textarea name="myTEXT"rows="10"></textarea><br>
<input type="button"value="月曜"onClick="getu()">
<input type="button"value="火曜"onClick="ka()">
<input type="button"value="水曜"onClick="sui()">
<input type="button"value="木曜"onClick="moku()">
</form>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。とても参考になりました。

通報する
お礼日時：2005/03/07 15:44

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報