Question

ASP页面设计 点击按钮后增加行 然后提交循环写入数据库

<table width="65%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td width="11%">摘要</td>
<td colspan="6"><input type="text" name="textfield1" /></td>
</tr>
<tr>
<td>科目</td>
<td colspan="6"><select name="select">
</select>
</td>
</tr>
<tr>
<td>借方金额</td>
<td colspan="2"><input type="text" name="textfield2" /></td>
<td width="24%">贷方金额</td>
<td colspan="2"><input type="text" name="textfield3" /></td>
<td width="15%"><input type="button" name="Submit3" value="添加" /></td>
</tr>
<tr>
<td>操作</td>
<td width="25%">摘要</td>
<td width="12%">科目</td>
<td colspan="2">借方金额</td>
<td colspan="2">贷方金额</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td colspan="2"> </td>
<td colspan="2"> </td>
</tr><tr>
<td> </td>
<td> </td>
<td> </td>
<td colspan="2"> </td>
<td colspan="2"> </td>
</tr><tr>
<td> </td>
<td> </td>
<td> </td>
<td colspan="2"> </td>
<td colspan="2"> </td>
</tr><tr>
<td> </td>
<td> </td>
<td> </td>
<td colspan="2"> </td>
<td colspan="2"> </td>
</tr>
</table>
点击添加就把相应的数据添加到下面的表格，4行填满的时候继续添加就自动增加一行，并提供相应的数据库储存循环代码
javascript肯定能实现，关键是代码。。。。。

Answer 1

我现在时间不多，先帮你弄个js代码，你看一下，自己想想看看能不能做完，

另外我觉得默认有四行的话，对程序有点难度，看看能不能不要原有的四行

<script language="javascript">
function addRow()
{
var tbl=document.getElementById("dataTable");
var tr = tbl.insertRow(-1),td1= tr.insertCell(-1),td2= tr.insertCell(-1),td3= tr.insertCell(-1),td4= tr.insertCell(-1),td5= tr.insertCell(-1);
document.getElementById("rowCount").value=+document.getElementById("rowCount").value+1;
var btn=document.createElement("INPUT") ;
btn.type="button" ;
btn.value="删除";
btn.onclick= function() { delTr(tr);}
td1.appendChild(btn) ;
td2.innerHTML=document.getElementById("textfield1").value;
td3.innerHTML=document.getElementById("select").value;
td4.innerHTML=document.getElementById("textfield2").value;
td5.innerHTML=document.getElementById("textfield3").value;
td4.colSpan =2;
td5.colSpan =2;

}
function delTr(tr)
{
if(confirm('确定要删除吗？'))
{
tr.parentNode.removeChild(tr);
}
}
</script>
<table width="65%" border="1" cellpadding="0" cellspacing="0" id="dataTable">
<tr>
<td width="11%">摘要</td>
<td colspan="6"><input type="text" name="textfield1" id="textfield1" /></td>
</tr>
<tr>
<td>科目</td>
<td colspan="6"><select name="select" id="select">
<option value="1">select1</option>
<option value="2">select2</option>
<option value="3">select3</option>
</select>
</td>
</tr>
<tr>
<td>借方金额</td>
<td colspan="2"><input type="text" name="textfield2" id="textfield2"/></td>
<td width="24%">贷方金额</td>
<td colspan="2"><input type="text" name="textfield3" id="textfield3"/></td>
<td width="15%"><input type="button" name="Submit3" value="添加" onclick="addRow()" /><input type="hidden" name="rowCount" id="rowCount" value="4" /></td>
</tr>
<tr>
<td>操作</td>
<td width="25%">摘要</td>
<td width="12%">科目</td>
<td colspan="2">借方金额</td>
<td colspan="2">贷方金额</td>
</tr>
<tr id="row1">
<td> 1</td>
<td> 1</td>
<td>1 </td>
<td colspan="2">1 </td>
<td colspan="2"> 1</td>
</tr>
<tr id="row2">
<td>2 </td>
<td>2 </td>
<td> 2</td>
<td colspan="2"> 2</td>
<td colspan="2">2 </td>
</tr>
<tr id="row3">
<td> 3</td>
<td>3 </td>
<td> 3</td>
<td colspan="2">3 </td>
<td colspan="2">3 </td>
</tr>
<tr id="row4">
<td>4 </td>
<td>4 </td>
<td> 4</td>
<td colspan="2">4 </td>
<td colspan="2">4 </td>
</tr>
</table>

Answer 2

提交后, 添加到数据库, 下面重新弄个表格, select 选出数据, 循环显示就可以了

Answer 3

可以实现,用javascript就行

Answer 4

N多方法实现
提交后添加到数据库 下面表格调用 并循环表格

QQ 188222111

Answer 5

用jsp 就可以实现 不过我js不是很熟