はじめました。こんにちわ。
innerHTMLについて、下記の様に作成したのですが、
テキストエリアに改行しても結果表示は改行されません。
色々と試してみたのですが、どうしてもうまくいかず
お知恵をお借りできないでしょうか。
実現させたい事は、テキストエリアに入力された通りに表示させたいです。
よろしくお願い致します。
-----------------------
【結果表示例】
1-1-1 【テスト】
1.選択 ⇒ 1
2.テスト記入 ⇒
123
456
-----------------------
<SCRIPT language="JavaScript" type="text/javascript">
function ok(fm){
fOBJ = document.myFORM;
fa="";fb="";
for (i=0; i<5; i++)
if (fOBJ.elements["a"][i].checked) fa += fOBJ.elements["a"][i].value;
fme1 = fOBJ.me1.value
var htm="1-1-1 【テスト】" +"<br>"+"<br>";
if(fa)
htm += "1.選択 ⇒ " + fa +"<br>";
if(fme1)
htm += "2.テスト記入 ⇒<br>" + fme1 +"<br>";
document.getElementById("okResult").innerHTML = htm;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="myFORM">
<DIV align="center">
<TABLE cellspacing="1" cellpadding="0" width="90%" border="0" bgcolor="#000000">
<TR>
<TD class="class1">1-1-1<BR>test</TD>
<TD class="class2">test</TD>
<TD class="class3">test</TD>
</TR>
<TR>
<TD class="class4" valign="top" colspan="2">
<STRONG>1.選択</STRONG><BR>
<INPUT type="checkbox" name="a" value="1">1<BR>
<INPUT type="checkbox" name="a" value="2">2<BR>
<INPUT type="checkbox" name="a" value="3">3<BR>
<INPUT type="checkbox" name="a" value="4">4<BR>
<INPUT type="checkbox" name="a" value="5">5<BR><br>
<STRONG>2.テスト記入<BR></STRONG>
<TEXTAREA name="me1" rows="5" cols="60"></TEXTAREA><BR><BR>
<INPUT onclick="ok(this.form)" type=button value=内容確認> <INPUT type="reset" value="クリア"></TD>
<TD class="class5" valign="top"></TD>
</TR>
</TABLE></DIV>
</FORM>
<HR>
<DIV id="okResult"></DIV>
</BODY>
</HTML>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- PHP $_SESSIONについて教えて下さい。 2 2023/03/02 09:18
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ループで連続したフォームの値...
-
VBAをJavaScriptに変換したいです
-
3桁区切りのカンマをつけたい...
-
value内に変数を入れたい
-
return trueとreturn falseの用...
-
一つのページで二つのFormを別...
-
select要素のvalueを配列で取得...
-
追加ボタンを押した際に ok ボ...
-
【javascript】 年齢計算
-
正規表現で複数マッチ条件で悩...
-
onchangeイベントを強制的に発...
-
出発駅A、到着駅Bを選択すると...
-
Excelで作ったhtmlファイルのサ...
-
selectのnameが配列の場合
-
jQueryで設定したイベントハン...
-
Javascriptの書き方
-
リロードしないようにするには
-
Javascriptでのbuttonのname属...
-
【UWSC】HTML内のある部分を抽...
-
Selectボックスの一覧表示方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
hiddenのvalueの値を変えたい
-
value内に変数を入れたい
-
複数のsubmitボタンで押された...
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
javascriptでhiddenに二次元配...
-
テキストボックスに入力された...
-
eval()を使わずに数値を取得し...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
sessionStorageを調べています。
-
setIntervalの間隔を途中で変更...
-
javascriptにてHTMLのhiddenエ...
-
name属性が同じフォームが複数...
-
セレクトボックスの初期選択状...
-
Pythonで会員サイトの自動ログ...
-
演算対象の数字と演算子を入力...
-
商品コードを入れたら自動で商...
-
フォームで入力した値を別のフ...
-
ラジオボタンの選択で解答・点...
おすすめ情報