- 締切済み
フォームの入力項目のブロックをボタンで増やしていきたい。
http://www.sekki-jin.com/estimate/index.html 上のアドレスのように、ボタンを押す事によってフォームのブロックが増えて行くメールフォームを作成したいのですが、java sceiptを使用するのだろうという事はわかるのですが、どのようにすればよいのかわかりません。をサンプルがあるサイトもしくは、やり方をどうかお教えねがえませんでしょうか？ よろしくお願い致します
- bed
- お礼率40% (12/30)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （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>
- SAYKA
- ベストアンサー率34% (944/2776)
サンプルはそのサイトのjsを見たら良いんじゃない？
