こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ボタンを押すとテキストボックスが増える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の部分を加算していく、という例が無くて行き詰っています。

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

投稿日時 - 2008-11-29 01:55:46

QNo.4515329

すぐに回答ほしいです

質問者が選んだベストアンサー

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-11-29 04:39:52

お礼

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

投稿日時 - 2008-12-02 12:40:57

ANo.1

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)