締切済み

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

2008/09/04 15:39

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

bed
お礼率40% (12/30)

JavaScript
回答数2
ありがとう数0

みんなの回答 （2）
専門家の回答

みんなの回答

noname#84373

2008/09/06 09:00 回答No.2

<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>

ログインすると、全ての回答が全文表示されます。