jQueryで空のフォーム追加など

質問

http://d.hatena.ne.jp/sutara_lumpur/20101012/1286891840

上記のURLを参考に、フォームの追加処理を行いました。
しかし、フォーム入力後に追加ボタンを押すと、
値までコピーされてしまいます。

値は空の状態でフォームのみをコピーするにはどうしたらよいのでしょうか。

また、上記でコピーしたフォーム内で、
1～5の数値をセレクトボックスで選択。
選択した数値の数だけテキストフォームをその下に作成。

例：セレクトボックスで「3」を選択した場合、3個のテキストフォームがセレクトボックスの下に表示される。

という処理をしたい場合にはどうしたらよいでしょうか。
現状、
function checkNum(Obj){
selValue = Obj.value;
var cnt;
document.getElementById("hogehoge").innerHTML = '';
for(cnt=1; cnt<= selValue; cnt++){
document.getElementById("hogehoge").innerHTML += "<input type='text'><br />";
}
}
としていますが、この場合だと元のフォームのテキストフォーム数が変化するだけで、
コピーしたフォームのテキストフォームの数を変更できません。

一度にまとめての質問で恐縮ですが、よろしくお願いいたします。

回答No.1

fujillin · ベストアンサー

対象とするフォームが限定的なものなのか、一般的なものなのか不明だし具体例もないので、方法だけの回答になりますが、

＞値は空の状態でフォームのみをコピーするにはどうしたらよいのでしょうか。
基本的には、スクリプトで追加する際にクリアしておけばよろしいかと。
例えば、<input type="text"～～>の場合であれば、
　element.value = "";
とか。
要素の種類によってクリアの方法が若干異なるので、いろいろある場合は判別してクリアすることになるでしょう。

＞選択した数値の数だけテキストフォームをその下に作成。
前記の1つ追加するファンクションがあるなら、選択された数値を取得して、必要回数だけループで呼び出せばよいのではないでしょうか？
例えば、1つコピーする関数を copyFunc、回数を n とでもするなら、
　for (var i=0; i<n; i++) copyFunc();
のような感じで。

お礼

お礼が遅くなり、申し訳ありません。
無事解決しました。
ありがとうございました。