100分求页面添加记录程序

如何在一个页面内通过点击按钮增加一行表格往文本域里添加数据，然后一起保存？就类似于发邮件时添加附件的方式？谁有这样的jsp源代码共享一下？谢谢

解决方案 »

  1.   

    脚本：
    <script language=javascript>
    function addinput(){
    var sHTML
     sHTML= '........（这里是html标签）';
    addarea.insertAdjacentHTML('beforeEnd',sHTML);//之前之后自己定
    }
    </script>页面：
    <input type=button onclick="addinput()" value=添加>
    ......
    <div id=addarea></div>//添加的目标区
      

  2.   

    回去测试一下，sHTML是什么？
      

  3.   

    ----------------------------------------------------------------------------------------
    <style>body,td,div,a,input{font:menu;line-height:150%}</style> 
    <table cellspacing=1 cellpadding=1 border=0 width=100% id=t136><tbody><form method=post enctype="multipart/form-data">
    <input type=hidden name=deal value=true><input type=hidden name=frmID value=22>
    <input type=hidden name=thisdir value=><input type=hidden name=TID value=>
    <tr style="font-weight: bold" bgcolor=ACD0FD><td colspan=2>呵呵</td></tr>
    <tr bgcolor=EFEFD6><td colspan=2><font color=000080>哈哈</font></td></tr>
    <input type=hidden name=frmShowURL value=payment><input type=hidden name=ID value=>
    <tr bgcolor=F0F0F0><td>xixi</td><td>xixi </td></tr>
    <tr bgcolor=F9F9F9><td>hehe</td><td>
    <input type=text class=border_index name=newdir style='ime-mode:disabled'><font color=000080>hehe</font> </td></tr>
    <tr bgcolor=F0F0F0><td>新图片上传</td><td><div> 
    <input type=button onclick=addNew() value=增加 class=button_index><font color=000080>(按一次增加按钮就可以上传一张图片。)</font>
    </div></td>
    </tr><tbody></table></form>
    <script> 
    var i=0,arr=new Array('F9F9F9','F0F0F0'); 
    var leng=5;
    function addNew(){ 

    for(ind=i;i<leng;i++){
    var index=i+1;
    tr=document.all.t136.insertRow(); 
    tr.style.backgroundColor=arr[i%2]; 
    tr.insertCell().innerText="图片"+index; 
    tr.insertCell().innerHTML='<input type=file name=pic'+index+' class=border_index> <a href=javascript:void(0) onclick=del()>删除</a>' 
    }
    leng+=5;
    } 
    function del(){ 
    document.all.t136.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex); 
    for(i=0;i<document.all.t136.rows.length-5;i++){ 
    document.all.t136.rows[i+5].cells[0].innerText="图片"+(i+1); 
    document.all.t136.rows[i+5].cells[1].children[0].name="pic"+(i+1); 
    document.all.t136.rows[i+5].style.backgroundColor=arr[i%2];
     
    } leng--;
    } 
    </script> 
    <div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand"> 
    <input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> 
      

  4.   

    在javascript里面实现，
    <%   
    out.println("<td>");
    out.println(form.a.value== \"" + a+ "\";")
    out.println("</td>");
    %>
      

  5.   

    回去测试一下，sHTML是什么？
    变量啊……随便起……
      

  6.   

    <script>
    function creates(){
    newiframes=document.createElement("TABLE")
    newiframes.id="t1"
    newiframes.width="100"
    newiframes.border="1"
    newiframes.height="100"
    newiframes.align="left"
    newiframes.style.background="red"
    newiframes.insertRow()
    newiframes.rows[0].insertCell()
    document.body.insertBefore(newiframes)
    }
    </script>
    <body>
    <input type=button value='加一个表格' onclick=creates()><br>
    </body>
      

  7.   

    <script> 
    var i=0,arr=new Array('F9F9F9','F0F0F0'); 
    var leng=5;
    function addNew(){ for(ind=i;i<leng;i++){
    var index=i+1;
    tr=document.all.t136.insertRow(); 
    tr.style.backgroundColor=arr[i%2]; 
    tr.insertCell().innerText="图片"+index; 
    tr.insertCell().innerHTML='<input type=file name=pic'+index+' class=border_index> <a href=javascript:void(0) onclick=del()>删除</a>' 
    }
    leng+=5;
    } 
    function del(){ 
    document.all.t136.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex); 
    for(i=0;i<document.all.t136.rows.length-5;i++){ 
    document.all.t136.rows[i+5].cells[0].innerText="图片"+(i+1); 
    document.all.t136.rows[i+5].cells[1].children[0].name="pic"+(i+1); 
    document.all.t136.rows[i+5].style.backgroundColor=arr[i%2];
     
    } leng--;
    } 
    </script> 
    这个应该符合你的要求，我也学习了一下