はじめまして
下記内容の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>
------------------------------------------------
例えば
(月・火・水・木)とそれぞれのボタンがあるとします。
そのボタンを押すと、複数行テキストへ
月曜→○○○○
火曜→○○○○
水曜→○○○○
木曜→○○○○
というように、表示させたいのです。
また、複数行テキストに入力された文字が消えず改行されて表示させたいのです。
自分でもいろいろと試してみたのですが、頭が悪く、全く思ったようにできません。
お忙しいところ大変申し訳ありませんが、
上記に記載した内容のスクリプトはありますでしょうか。
ご返答いただけると幸いです。
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>
No.2
- 回答日時:
こんなのいかがですか?
そのまんま書いてみました。
<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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
javaScriptの変数をJavaの変数...
-
onclickが動作しない
-
ボタンをクリックするとテキス...
-
任意の<DIV></DIV>の中に計算結...
-
クリックさせたいが、click()が...
-
onClickがinput type="image"だ...
-
innerHTML内では改行は禁止?
-
複数のテキストボックスの値の...
-
JavaScriptのfileオブジェクト...
-
VB.NETで<Input>タグ、<text...
-
【javascript】ボタンクリック...
-
同じページにあるtextarea間で...
-
フォームの数値計算
-
javascriptで作成されたテーブ...
-
Selectボックスの幅を自動で広...
-
ボタン2回押しを無効にしたい
-
<JavaScript>tableタグを入力不...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
追加ボタンを押した際に ok ボ...
-
クリックさせたいが、click()が...
-
onclickが動作しない
-
ボタンかリンクをクリックする...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
JSのボタンを複数う使うには
-
JavaScriptのfileオブジェクト...
-
innerHTML内では改行は禁止?
-
開いた子ウィンドウにあるボタ...
-
BackSpaceしたい(QNo.2734284の...
-
VB.NETで<Input>タグ、<text...
-
オンクリックで現在時刻の取得→...
-
JQueryでfunctionに引数としてI...
-
複数のテキストボックスの値の...
-
onClickがinput type="image"だ...
-
クリック→テキストボックスに追加
-
Javascriptで'(シングルクォー...
-
テキストフィールド未入力の場...
おすすめ情報