怎么提交数据三大啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊但是事实生生世世生生世世生生世世
http://www.blogs8.cn/posts/Wz1p36d
http://www.jb51.net/article/78795.htm
正好我今天刚做做,代码给你贴出来
我是做后台的前台js做的可能比较low,但是好使,大概思路就是表单的name 第一个是 a1 添加一个 是a2 然后 弄一个隐藏的表单记住当前 是第几个,然后后台先取这个值 然后 循环取表单
这个html代码,有样式,4个表单,
<tr>
<th>A端地址(原址)</th>
<td colspan="3">1.<input type="text" style="width:200px"
class="txtIpt" name="addz1" id="addz1" /> <br /> <input
type="button" class="iBtn" onclick="tjdd()" value="添加多端"> <input
type="button" class="iBtn" onclick="scdd()" value="删除多端">
</td>
<th>A端局向</th>
<td colspan="3">1.<input type="text" style="width:200px"
class="txtIpt" name="adjx1" id="adjx1" />
</td>
</tr>
<tr>
<th>Z端地址(原址)</th>
<td colspan="3">1. <input type="text" style="width:200px"
class="txtIpt" name="zddz1" id="zddz1" />
</td>
<th>Z端局向</th>
<td colspan="3">1. <input type="text" style="width:200px"
class="txtIpt" name="zdjx1" id="zdjx1" />
</td>
</tr>
这是js代码
<script>
function tjdd() {
var ddflag1 = $("#ddflag").val();
var ddflag = ddflag1 * 1 + 1;
$("#addz" + ddflag1)
.after(
"<div id=\"ddjd"
+ (ddflag)
+ "\"></br>"
+ ddflag
+ ".<input type=\"text\" style=\"width:200px\" class=\"txtIpt\" name=\"addz"
+ (ddflag) + "\" id=\"addz"
+ ddflag + "\" /></div>");
$("#adjx" + ddflag1)
.after(
"<div id=\"ddjd"
+ (ddflag)
+ "\"></br>"
+ ddflag
+ ".<input type=\"text\" style=\"width:200px\" class=\"txtIpt\" name=\"adjx"
+ (ddflag) + "\" id=\"adjx"
+ ddflag + "\" /></div>");
$("#zddz" + ddflag1)
.after(
"<div id=\"ddjd"
+ (ddflag)
+ "\"></br>"
+ ddflag
+ ".<input type=\"text\" style=\"width:200px\" class=\"txtIpt\" name=\"zddz"
+ (ddflag) + "\" id=\"zddz"
+ ddflag + "\" /></div>");
$("#zdjx" + ddflag1)
.after(
"<div id=\"ddjd"
+ (ddflag)
+ "\"></br>"
+ ddflag
+ ".<input type=\"text\" style=\"width:200px\" class=\"txtIpt\" name=\"zdjx"
+ (ddflag) + "\" id=\"zdjx"
+ ddflag + "\" /></div>");
}
function scdd() {
if (ddflag != 1) {
var ddflag = $("#ddflag").val();
$("#ddjd" + ddflag).remove();
$("#ddjd" + ddflag).remove();
$("#ddjd" + ddflag).remove();
$("#ddjd" + ddflag).remove();
--ddflag;
$("#ddflag").val(ddflag);
}
}
</script>
后台接值
//----------A端Z端地址 S
List addzlist=new ArrayList();//A端地址
List adjxlist=new ArrayList();//A端局向
List zddzlist=new ArrayList();//Z端地址
List zdjxlist=new ArrayList();//Z端局向
List sbjzlist=new ArrayList();//设备造价
List xlzjlist=new ArrayList();//线路造价
int ddflag=Integer.parseInt(UtilTool.getParameterValue(request, "ddflag", ""));//地址总数
for(int i=1;i<=ddflag;i++){
String addz=UtilTool.getParameterValue(request, "addz"+i, "");//A端地址(原址)
String adjx=UtilTool.getParameterValue(request, "adjx"+i, "");//A端局向
String zddz=UtilTool.getParameterValue(request, "zddz"+i, "");//Z端地址(原址)
String zdjx=UtilTool.getParameterValue(request, "zdjx"+i, "");//Z端局向
String sbzj=UtilTool.getParameterValue(request, "sbzj"+i, "");//设备造价
String xlzj=UtilTool.getParameterValue(request, "xlzj"+i, "");//线路造价
addzlist.add(addz);
adjxlist.add(adjx);
zddzlist.add(zddz);
zdjxlist.add(zdjx);
sbjzlist.add(sbzj);
xlzjlist.add(xlzj);
}
//----------A端Z端地址E