フォームの入力項目のブロックをボタンで増やしていきたい。

締切済

質問者：bed
質問日時：2008/09/04 15:39
回答数：2件

http://www.sekki-jin.com/estimate/index.html

上のアドレスのように、ボタンを押す事によってフォームのブロックが増えて行くメールフォームを作成したいのですが、java sceiptを使用するのだろうという事はわかるのですが、どのようにすればよいのかわかりません。をサンプルがあるサイトもしくは、やり方をどうかお教えねがえませんでしょうか？
よろしくお願い致します

通報する

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

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： _pipi_
回答日時：2008/09/06 09:00

<html>

<body>
<form id="a">
<div id="b"><div>
<input type="checkbox" name="ma"><input type="text" name="mb"><br>
<input type="button" value="追加" onClick="fueru()">
</div></div>
<div id="c"></div>
<div id="d"></div>

<input type="button" value="結果を得る" onClick="getData()">
<script>
function fueru(){
cp=document.getElementById('b').getElementsByTagName('div')[0].cloneNode(true);
document.getElementById('c').appendChild(cp);
}
function getData(){
var i,m,ht='<table border="1"><tr><th>'+'type name id value checked'.replace(/ /g,'</th><th>')+'</th></tr>';
var o=document.getElementById('a').elements;
for(i=0,m=o.length;i<m;i++){
ht+='<tr><td>'+o[i].type+'</td><td>'+o[i].name+'</td><td>'+o[i].id+'</td><td>'+o[i].value+'</td><td>'+((o[i].checked)?'true':'false')+'</td></tr>'
}
document.getElementById('d').innerHTML=ht;
}
</script>
</form>
</body></html>