Question

jquery如何实现在一个jsp页面动态添加一个多行多列的表格

点击复制就会多出同样的一个《物证材料信息的表格》
，这个页面是包含在别的页面中的子信息。
我已经用jquery的clone()方法实现了表格的复制，但是表格中文本框的id和name我没有办法改变，要怎样才能实现多个表格一起提交和后台进行交互了？如上图，填写了多个物证材料信息，我后台如何得到多个物证材料信息！求高手指点

Answer 1

你可以在《物证材料信息的表格》外面套一个div，获取这个div的innerHTML，加入到下面即可；

只设置name，不要加id了；后台通过name获取数组。
后台循环数组添加即可

Answer 2

我想在也遇到同样的问题，我想请问一下你的问题是如何解决的，能分享一下吗？我的QQ是497262356

Answer 3

var o=$("原表格");
$(document).append(o.html());

追问

这样假如有这样会导致name和id相同，如何不同且把值和后台action进行交互了？

追答

既然页面中会有多个相同表格的存在，那么用id属性是很不明智的，类似的情况建议不不要写id，改用选择器来实现

比如你需要获得的数据来自<input type='text' id='abc'/>，它在这个表格中是第2个文本框，你可以写成

var tb=$("myTbale"); //获取需要操作的表格
var myText=tb.find("input[type='text']).eq(1);    //获取目标表格中的第二个文本框

这样不会比用id来获取对象复杂多少，也能有效避免数据混乱

追问

其实我就是要同时在后台得到这个对象的多个不同的对象，同时让这几个对象入库。若是用js在页面获得文本框的值得话不好，而且有照片和附件等大字段的东西。你还有更好的方法否？

追答

前台循环提交，每个表格提交一次，能够有效减少action的复杂度

Answer 4

你可以直接copy这个表格的外包div就可以了