在JSP页面中通过JS进行页面表格行的增加和删除,怎么把这些表格行中的数据插入到数据库或从数据库中删除,最好给出代码示例,谢谢了!!!
JS代码:var i=0;
function insert_row(){
if(confirm("您确认要增加吗?"))
{
var s=document.getElementById("se");
var jj = s.options[s.selectedIndex].text;
i ++;
R = myTable.insertRow();
C = R.insertCell();
C.innerHTML = i;
C = R.insertCell();
C.innerHTML =jj;
C = R.insertCell();
C.innerHTML = "<a href=\"#\" onclick='deleteRow(this)'>删除</a>";
}
}
function deleteRow(obj){
if(confirm("您确认要删除吗?"))
{
myTable.deleteRow(obj.parentElement.parentElement.rowIndex);
}
}
JSP表格代码:<table id="myTable" width="93%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CCCCCC">
<tr bgcolor="#F6F6F6">
<td bgcolor="#F6F6F6"><div align="center"><font size=2>No.</font></div></td>
<td bgcolor="#F6F6F6"><div align="center"><font size=2>职位名称</font></div></td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="4"><font size="2">
<select id="se" style="font-family:Courier;font-size:12px" NAME = "select2">
<OPTION VALUE="1">请选择职位</OPTION>
<%
List1 lis=new List1();
ArrayList<Orgregest> list3= lis.getAllTest();
for(int i=0;i<list3.size();i++){
Orgregest org1= list3.get(i);
%>
<option value="<%=org1.getOrg_id()%>"><%=org1.getOrg_name()%></option>
<%}%>
</SELECT>
<font size="2"><a href="javascript:insert_row()">增加</a></font></font></td>
</tr>
</table>
JS代码:var i=0;
function insert_row(){
if(confirm("您确认要增加吗?"))
{
var s=document.getElementById("se");
var jj = s.options[s.selectedIndex].text;
i ++;
R = myTable.insertRow();
C = R.insertCell();
C.innerHTML = i;
C = R.insertCell();
C.innerHTML =jj;
C = R.insertCell();
C.innerHTML = "<a href=\"#\" onclick='deleteRow(this)'>删除</a>";
}
}
function deleteRow(obj){
if(confirm("您确认要删除吗?"))
{
myTable.deleteRow(obj.parentElement.parentElement.rowIndex);
}
}
JSP表格代码:<table id="myTable" width="93%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CCCCCC">
<tr bgcolor="#F6F6F6">
<td bgcolor="#F6F6F6"><div align="center"><font size=2>No.</font></div></td>
<td bgcolor="#F6F6F6"><div align="center"><font size=2>职位名称</font></div></td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td colspan="4"><font size="2">
<select id="se" style="font-family:Courier;font-size:12px" NAME = "select2">
<OPTION VALUE="1">请选择职位</OPTION>
<%
List1 lis=new List1();
ArrayList<Orgregest> list3= lis.getAllTest();
for(int i=0;i<list3.size();i++){
Orgregest org1= list3.get(i);
%>
<option value="<%=org1.getOrg_id()%>"><%=org1.getOrg_name()%></option>
<%}%>
</SELECT>
<font size="2"><a href="javascript:insert_row()">增加</a></font></font></td>
</tr>
</table>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货