如何在action中获得动态生成的表格中input的name值

colingaolei 2010-03-02 04:54:50

有如下一段javascript动态生成表格代码，如何在action中获得动态生成表格中input的name值！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
　　<html xmlns="http://www.w3.org/1999/xhtml">
　　<head>
　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
　　<title>动态添加</title>
<script>
function show(){
var obj=document.getElementById("tb1").childNodes[0];
var tr1 =document.createElement("tr");
var tr2 =document.createElement("tr");
var tr3 =document.createElement("tr");
var tr4 =document.createElement("tr");
var tr5 =document.createElement("tr");
var tr6 =document.createElement("tr");
var tr7 =document.createElement("tr");
var tr8 =document.createElement("tr");
var tr9 =document.createElement("tr");
var tr10 =document.createElement("tr");
var tr11 =document.createElement("tr");
var tr12 =document.createElement("tr");

var td1 =document.createElement("td");
var td2 =document.createElement("td");
var td3 =document.createElement("td");
var td4 =document.createElement("td");
var td5 =document.createElement("td");
var td6 =document.createElement("td");
var td7 =document.createElement("td");
var td8 =document.createElement("td");
var td9 =document.createElement("td");
var td10 =document.createElement("td");
var td11 =document.createElement("td");
var td12 =document.createElement("td");
var td13 =document.createElement("td");
var td14 =document.createElement("td");
var td15 =document.createElement("td");
var td16 =document.createElement("td");
var td17 =document.createElement("td");
var td18 =document.createElement("td");
var td19 =document.createElement("td");
var td20 =document.createElement("td");
var td21 =document.createElement("td");
var td22 =document.createElement("td");
var td23 =document.createElement("td");
var td24 =document.createElement("td");

var input1=document.createElement("input");
input1.name="product_id"+(obj.rows.length);
var input2=document.createElement("input");
input2.name="product_name"+(obj.rows.length);
var input3=document.createElement("input");
input3.name="num"+(obj.rows.length);
var input4=document.createElement("input");
input4.name="product_serial"+(obj.rows.length);
var input5=document.createElement("input");
input5.name="always_serial"+(obj.rows.length);
var input6=document.createElement("input");
input6.name="yb_serial"+(obj.rows.length);
var input7=document.createElement("input");
input7.name="checker"+(obj.rows.length);
var input8=document.createElement("input");
input8.name="grade"+(obj.rows.length);
var input9=document.createElement("input");
input9.name="dyt_serial"+(obj.rows.length);
var input10=document.createElement("input");
input10.name="qd_serial"+(obj.rows.length);
var input11=document.createElement("input");
input11.name="software"+(obj.rows.length);
var input12=document.createElement("input");
input12.name="remark"+(obj.rows.length);

td1.innerHTML=("产品ID"+(obj.rows.length));
td2.appendChild(input1);
tr1.appendChild(td1);
tr1.appendChild(td2);

td3.innerHTML=("产品名称"+(obj.rows.length));
td4.appendChild(input2);
tr2.appendChild(td3);
tr2.appendChild(td4);

td5.innerHTML=("数量"+(obj.rows.length));
td6.appendChild(input3);
tr3.appendChild(td5);
tr3.appendChild(td6);

td7.innerHTML=("产品序列号"+(obj.rows.length));
td8.appendChild(input4);
tr4.appendChild(td7);
tr4.appendChild(td8);

td9.innerHTML=("敖维序列号"+(obj.rows.length));
td10.appendChild(input5);
tr5.appendChild(td9);
tr5.appendChild(td10);

td11.innerHTML=("延保序列号"+(obj.rows.length));
td12.appendChild(input6);
tr6.appendChild(td11);
tr6.appendChild(td12);

td13.innerHTML=("检验员"+(obj.rows.length));
td14.appendChild(input7);
tr7.appendChild(td13);
tr7.appendChild(td14);

td15.innerHTML=("评分"+(obj.rows.length));
td16.appendChild(input8);
tr8.appendChild(td15);
tr8.appendChild(td16);

td17.innerHTML=("打印头序列号"+(obj.rows.length));
td18.appendChild(input9);
tr9.appendChild(td17);
tr9.appendChild(td18);

td19.innerHTML=("切刀序列号"+(obj.rows.length));
td20.appendChild(input10);
tr10.appendChild(td19);
tr10.appendChild(td20);

td21.innerHTML=("软件"+(obj.rows.length));
td22.appendChild(input11);
tr11.appendChild(td21);
tr11.appendChild(td22);

td23.innerHTML=("备注"+(obj.rows.length));
td24.appendChild(input12);
tr12.appendChild(td23);
tr12.appendChild(td24);

obj.appendChild(tr1);
obj.appendChild(tr2);
obj.appendChild(tr3);
obj.appendChild(tr4);
obj.appendChild(tr5);
obj.appendChild(tr6);
obj.appendChild(tr7);
obj.appendChild(tr8);
obj.appendChild(tr9);
obj.appendChild(tr10);
obj.appendChild(tr11);
obj.appendChild(tr12);

}
</script>
　　<body>
<input type=button value="继续添加" onclick="show();">
<table id=tb1 border="1">
<TR>
<TD>
ID:
</TD>
<TD>
<INPUT name=product_id0>
</TD>
</TR>
<tr>
<td>
产品名称：
</td>
<td>
<input name=product_name0>
</td>
</tr>
<tr>
<td>
数量：
</td>
<td>
<input name=num0>
</td>
</tr>
<tr>
<td>
产品序列号：
</td>
<td>
<input name=product_serial0>
</td>
</tr>
<tr>
<td>
敖维序列号：
</td>
<td>
<input name=always_serial0>
</td>
</tr>
<tr>
<td>
延保序列号：
</td>
<td>
<input name=yb_serial0>
</td>
</tr>
<tr>
<td>
检验员：
</td>
<td>
<input name=checker0>
</td>
</tr>
<tr>
<td>
评分：
</td>
<td>
<input name=grade0>
</td>
</tr>
<tr>
<td>
打印头序列号：
</td>
<td>
<input name=dyt_serial0>
</td>
</tr>
<tr>
<td>
切刀序列号：
</td>
<td>
<input name=qd_serial0>
</td>
</tr>
<tr>
<td>
软件：
</td>
<td>
<input name=software0>
</td>
</tr>
<tr>
<td>
备注：
</td>
<td>
<input name=remark0>
</td>
</tr>
</table>
　　</body>
　　</html>

...全文

116 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

xueweichao 2010-03-02

打赏
举报

request.getAttributeNames()

BearKin 2010-03-02

打赏
举报

还是对以前问这个问题的人同样的回答:貌似用动态FORM 但是不知道能否完成这类事情

我以前的解决方式是通过获得一共生成了多少个这样的元素的数目然后到后台根据这个数目去获取比如前台



<input name="input1">

<input name="input2">

<input name="input3">

<input name="input4">



一共生成了四个 然后我就将4这个数字传到后台



int inputCount = Integer.parseInt(request.getParameter("inputCount"));

for(int i = 0;i < inputCount;i ++){

  String input = request.getParameter("input" + i);

}

这样就能获得全部的属性了不过中途记得元素可能被删除所以有丢号的可能发生