- ベストアンサー
入力するテキストエリアをボタンで増減させるjavascriptを作りたい。
こんにちわ， 現在javascriptを学習しています。 たとえば，メールボックスとかで着信拒否のメールアドレスを入力するテキストエリアが１０個あって,「増やす」のボタンがつくと，それが１１個になるようなスクリプトは作ることが可能なのでしょうか。 また参考になるページがあれば,教えてください。 よろしくお願いします。
- yu393939
- お礼率5% (22/371)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じですか？ <html> <head> <title>テキストボックス追加</title> <script language="JavaScript"> <!-- function add(){ document.all.AddArea.innerHTML = document.all.AddArea.innerHTML + "<br><input type=\"text\" name=\"Txt_Object\">"; } // --> </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>
その他の回答 (1)
- ryohei0807
- ベストアンサー率50% (1/2)
回答No.2
<INPUT type="textarea"> で複数行テキストボックスを作り、改行で区切ってもらうようにすれば手っ取り早いと思いますよ。 具体的には、 indexOf()で「\n」(改行)を検索しsubstring()で取り出し、変数に入力すればいいかと思います。 自分はあまりやったことがないので 詳しいことはリンクを見てください。
補足
ありがとうございます。 ただ，これだと，InternetExplorerしかむりですよね。 ネットスケープ等の場合は，document.allが使用できないので, document.getElementById(AddArea).innerHTML = document.getElementById(Addarea).innerHTML + "<br><input type=\"text\"name=\"Txt_Object\">"; としました， ただ，これだとまた新たな問題が出てきて,ADDのボタンをクリックすると，今まで入力した文字が消えるのです。 IEのallを使用したときは消えないのに，NSでは消えてしまう。クリックしてもIEのように入力した文字が消えないようにするにはどうすればいいですか。