ボタンを押すとテキストボックスが増えるJavaScriptについて教えてください

Javascriptで質問です。
<input type="text" name="hoge1" value="">
<input type="text" name="hoge2" value="">
<input type="text" name="hoge3" value="">

というようなテキストボックスがあり、「追加」というボタンを押すと
新たなテキストボックス
<input type="text" name="hoge4" value="">
が追加されるようなJavascriptを作成したいと考えています。

新たに作られたテキストボックスには
name="hoge4"
name="hoge5"
・
・
・
というように、nameの部分に「hogeの右にある番号に1ずつ加算された名前」を付けていきたいのです。

検索すると、テキストボックスを追加していくだけのサンプルはいくつかあったのですが、nameの部分を加算していく、という例が無くて行き詰っています。

よろしくお願いいたします。

No.1 ベストアンサー 回答者： kura07 回答日時： 2008/11/29 04:39

innerHTMLを使えば簡単に再現できますけど…＾＾；

とりあえず、ここはappendChildを使うほうで。
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
<script type="text/javascript">
var tag_num = 4;
function myAdd(){
var oTag = document.createElement("input");
oTag.setAttribute("type", "text");
oTag.setAttribute("name", "hoge" + tag_num++);
var oDiv = document.getElementById("area");
oDiv.appendChild(oTag);
}
</script>
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
<span id="area">
<input type="text" name="hoge1" value="">
<input type="text" name="hoge2" value="">
<input type="text" name="hoge3" value="">
</span>
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

こんな感じかな？

この回答へのお礼

できました。ありがとうございました。
もっと勉強しないとだめだなーと実感しました。

お礼日時：2008/12/02 12:40