つらい・・・

javascriptのinnerHTMLについて

締切済

質問者：とんたった
質問日時：2015/07/25 11:15
回答数：1件

はじめました。こんにちわ。

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>１.選択</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>２.テスト記入<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>