asp+jsp+JavaScript动态实现添加数据行

2019-04-01 11:06:15王振洲

注意:在这里我们可以直接通过request("username")获得username列的数组值,通过调试可以看到,第一个(索引为0)值为",",所以获得值的时候我们要从索引为1开始读取,然后逐一添加操作即可

修改:
首先根据外键循环读取数据到一个表格里,代码:

<form name=frmUserInfo action="user_list1.asp" method=post> 
<br> 
<table border=1 width="720"> 
<tr> 
 <td>姓名</td>
 <td>性别</td>
 <td>年龄</td>
 <td>爱好</td>
<td>Delete</td> 
</tr> 
<% 
 set rs=server.CreateObject("adodb.RecordSet")
 strsql="select * from tb_person"
 rs.open strsql,conn,2,3
 do while not rs.eof 
%>
<tr id=trUserInfo1> 
<td id=tdUserInfo1><input id=username1 name=username1 value="<%=rs("userName")%>" ></td> 
<td id=tdUserInfo1><input id=usersex1 name=usersex1 value="<%=rs("age")%>"></td> 
<td id=tdUserInfo1><input id=userage1 name=userage value="<%=rs("sex")%>"></td> 
<td id=tdUserInfo1><input id=userlove1 name=userlove value="<%=rs("aihao")%>"></td> 
<td id=tdUserInfo>
<input type="submit" value="删除" />
<!--<img alt="Delete" onClick="deleteRow(document.all.tabUserInfo,1,this)"> --></td> 
</tr> 
<%
 rs.movenext
 loop
%>
<table id=tabUserInfo border=1 width="720"> 
<tr> 
 <td></td>
 <td></td>
 <td></td>
 <td></td>
<td></td> 
</tr> 
<tr style="display:none" id=trUserInfo> 
<td id=tdUserInfo><input id=username name=username ></td> 
<td id=tdUserInfo><input id=usersex name=usersex></td> 
<td id=tdUserInfo><input id=userage name=userage></td> 
<td id=tdUserInfo><input id=userlove name=userlove></td> 
<td id=tdUserInfo>
<img alt="Delete" onClick="deleteRow(document.all.tabUserInfo,1,this)">
</td> 
</tr> 
<tr> 
<td>

<input type=button value="Add" onClick="addRow(document.all.tabUserInfo,null,1,1)"></td> 
</tr> 
</table> 

我的思路是把以前添加的记录和现在要添加的记录行分开操作,如果我们要删除记录行,或者修改记录行可以这样操作
首先删除所以记录,然后重新添加以前的记录和现在的记录,至于代码和添加的思路是一样的,只不过这里面分两个添加来完成的具体的代码,大家可以自己尝试一下

下面在看看在asp.net中如何实现
如果使用asp.net自带的控件封装模式,很难实现,所以这里我们可以采用上面讲到的asp的思想来完成
js和html都一样,不一样的是后台的代码:
比如说添加吧

 protected void Button1_Click(object sender, EventArgs e)
 {
  
  string username = Request["username"].ToString();
  string[] namelist = username.Split(',');
  string[] sexlist = username.Split(',');
  string[] agelist = username.Split(',');
  string[] lovelist = username.Split(',');
  for (int i = 1; i < namelist.Length; i++)
  {
   //获得传递过来的值,对其操作
   string name = namelist[i].ToString();
   string usersex = sexlist[i].ToString();
   string userage = agelist[i].ToString();
   string userlove = agelist[i].ToString();
   //对其操作,比如添加修改等
  }
  
 }