- ベストアンサー
ボタンをクリックするとテキストエリアに文字が表示される。
はじめまして 下記内容の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> ------------------------------------------------ 例えば （月・火・水・木）とそれぞれのボタンがあるとします。 そのボタンを押すと、複数行テキストへ 月曜→○○○○ 火曜→○○○○ 水曜→○○○○ 木曜→○○○○ というように、表示させたいのです。 また、複数行テキストに入力された文字が消えず改行されて表示させたいのです。 自分でもいろいろと試してみたのですが、頭が悪く、全く思ったようにできません。 お忙しいところ大変申し訳ありませんが、 上記に記載した内容のスクリプトはありますでしょうか。 ご返答いただけると幸いです。
- ran-papa
- お礼率100% (2/2)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
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>
その他の回答 (1)
- cyokokichi
- ベストアンサー率21% (32/152)
こんなのいかがですか？ そのまんま書いてみました。 <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>
お礼
ありがとうございます。とても参考になりました。
お礼
Wizard_Zeroさん。これです！！。これがやりたかったんです！！。ありがとうございます。