入力するテキストエリアをボタンで増減させるjavascriptを作りたい。

解決済

質問者：yu393939
質問日時：2004/04/23 11:22
回答数：2件

こんにちわ，

現在javascriptを学習しています。

たとえば，メールボックスとかで着信拒否のメールアドレスを入力するテキストエリアが１０個あって,「増やす」のボタンがつくと，それが１１個になるようなスクリプトは作ることが可能なのでしょうか。

また参考になるページがあれば,教えてください。

よろしくお願いします。

通報する

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

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： torakiyojp
回答日時：2004/04/23 15:02

こんな感じですか？

<html>
<head>
<title>テキストボックス追加</title>
<script language="JavaScript">

</script>
</head>
<body>
<form id="form1">
<div id="AddArea">
<input type="text" name="Txt_Object">
</div>
<input type="button" value="Add" onClick="add()">
</form>
</body>
</html>

この回答への補足

ありがとうございます。

ただ，これだと，InternetExplorerしかむりですよね。

ネットスケープ等の場合は，document.allが使用できないので,
document.getElementById(AddArea).innerHTML = document.getElementById(Addarea).innerHTML + "<br><input type=\"text\"name=\"Txt_Object\">";

としました，
ただ，これだとまた新たな問題が出てきて,ADDのボタンをクリックすると，今まで入力した文字が消えるのです。
IEのallを使用したときは消えないのに，NSでは消えてしまう。クリックしてもIEのように入力した文字が消えないようにするにはどうすればいいですか。

補足日時：2004/05/06 15:20

通報する

- 0
- 件

通報する

No.2

回答者： ryohei0807
回答日時：2004/04/29 23:35

<INPUT type="textarea">

で複数行テキストボックスを作り、改行で区切ってもらうようにすれば手っ取り早いと思いますよ。

具体的には、
indexOf()で「\n」(改行)を検索しsubstring()で取り出し、変数に入力すればいいかと思います。

自分はあまりやったことがないので
詳しいことはリンクを見てください。

参考URL：http://member.nifty.ne.jp/aya/js2/js208.htm#inde …