Question

jsp中动态的添加表格行和数据提交?????

当表格中的一行,这一行有下拉框,有日期控件,有复选框等等,例如该行是:
<tr>
<td>
<html:text property="leavetime" onclick="setday(this)"//日期控件
readonly="true" />
</td>
<td>
<html:select property="truename">
<html:options collection="transportlist" property="value" labelProperty="label" />//下拉框
</html:select>
</td>
</tr>
当点击增加按钮,则表格自动增加一模一样的一行(包括以上所说的内容).当点击删除按钮时,表格则自动删除一行.
还有就是这个表格数据提交的问题,当增加一行变成两行时一个属性就会有两个数据,当提交数据时,怎样把这两个数据提交到action中进行处理,或插入数据库????

在线等,希望高手帮帮忙啊,谢了

Answer 1

<script language="javascript">
iIndex = 0;
var annex = 0;
function getIndex()
{
iIndex = event.srcElement.parentElement.parentElement.rowIndex;
return iIndex;
}

function insertRow(iPos)
{
var otr=myTable.insertRow(annex);//插入一个tr

var ocell=otr.insertCell(0);//插入一个td
ocell.innerHTML="<input type=file size=20 name=annexValue(" + annex + ")>";

var ocell=otr.insertCell(1);//插入一个td
ocell.innerHTML=" <input type=button onclick=deleteRow(getIndex()) value='删除附件'>";

annex++;
}

function deleteRow(iPos)
{
document.all.myTable.deleteRow(iPos);
annex--;
}

</script>

<form name=myForm>

<a href="#" onClick="insertRow(0)">添加附件</a>

<table id="myTable"></table>

</form>

===================================
insertRow里的插入内容换成你自己的～
ie下可以用～firefox不行～