从页面上灵活增删改查

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'zeng.jsp' starting page</title>
    
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
    
    <script type="text/javascript" src="<%=basePath%>js/zDrag.js"></script>
        <script type="text/javascript" src="<%=basePath%>js/zDialog.js"></script>
  </head>
 
  <body>
 <form method="post" action="Addsss/Addsss_tt.action" id="ss">
 <table width="960" border="1" cellspacing="0" align="center"
                style="TABLE-LAYOUT: fixed">
<tr><td width="960" colspan="3" align="center">基本信息</td></tr>
<tr>            
                <td style="display:none" colspan="1" width="300">基本信息<input type="hidden" name="systemed.id" id="sysid" value="${systemed.id}"/></td>


<td style="display:none" colspan="1" width="660">
<table width="660" border="1" cellspacing="0" align="center"
                style="TABLE-LAYOUT: fixed">
<tr>    
                                <td align="center" width="330px"
                                    style='border: 1px solid #73C2FF; font-family: 宋体; font-size: 19px;'>
                                    姓名<input type="hidden" name="systemed.name" id="sysname" value="${systemed.name}"/>
                                </td>
                                <td align="center" width="330px"
                                    style='border: 1px solid #73C2FF; font-family: 宋体; font-size: 19px;'>
                                    年龄<input type="hidden" name="systemed.age" id="sysage" value="${systemed.age}"/>
                                </td>
                </tr>
</table>
</td>

</tr>


  <tr>
   <td style="border: 1px solid #73C2FF; text-align: left;" colspan="1" width="300">基本信息</td>
   <td colspan="3" width="640">
       <table border="1" cellspacing="0" align="center"
                style="" width="640">
        
                <tr>
                                <td align="center"
                                    style='border: 1px solid #73C2FF; font-family: 宋体; font-size: 19px;'>
                                    姓名
                                </td>
                                <td align="center"
                                    style='border: 1px solid #73C2FF; font-family: 宋体; font-size: 19px;'>
                                    年龄
                                </td>
                </tr>
                    <c:forEach var="systemed" items="${sysed}" varStatus="ss">
                <tr>
                <td width="390">${systemed.name}</td>
                <td  width="390">${systemed.age}</td>
                <td width="180">
                <a href="javascript:void(0);"
                                        onclick="upd('${systemed.id}','${systemed.name}','${systemed.age}')">修改</a>
                                    <a href="javascript:void(0);"
                                        onclick="deltable('<%=basePath%>Addsss/Addsss_delSys.action?id=','${systemed.id}');"
                                        style="cursor: pointer;">删除</a>
                                        </td>
                            
                </tr>
                </c:forEach>
                
                
     </table>
    </td></tr>
    <tr>
    <td colspan="3" width="960">
    <table border="1" cellspacing="0" align="center"
                style="" width="960">
    <tr>
                
                <td align="center"><input type="button" value="增加"
                                        style=" 100px; height: 30px; font-family: 宋体; font-size: 19px; border: none; color: white; "
                                        onclick="openuu();"/></td>
                </tr>
    </table>
    </td>
    </tr>
    </table>
 </form>
 
    <script type="text/javascript">
    
    function deltable(val1,val2){
    
    document.getElementById("ss").action=val1+val2;
    document.getElementById("ss").submit();
    }
    function openuu(){
   
    var diag=new Dialog();
    diag.Width = 900;
    diag.Height = 150;
    diag.URL = "<%=basePath%>test.html";
    diag.Title = "成功哈哈哈";
    //点击确定后调用的方法
        diag.OKEvent = function(){
            $id('sysid').value = diag.innerFrame.contentWindow.document.getElementById('k').value;
            $id('sysname').value = diag.innerFrame.contentWindow.document.getElementById('a').value;
            $id('sysage').value = diag.innerFrame.contentWindow.document.getElementById('b').value;
            
           save();
    };
    
        diag.OnLoad=function(){
        
        
        };
    diag.show();
    var doc=diag.innerFrame.contentWindow.document;
    doc.open();
    doc.write("<table style='background-color: #E5F5FF;' cellpadding='0'  align='center' cellspacing='0' border='1' width='100%' >"+
                            "<tr>"+
                            "<td align='center' width='100px' style='border: 1px solid #73C2FF; font-family: 宋体; font-size: 19px;'>基本信息<input type=\"hidden\" id=\"k\" /></td>"+
                            "<td align='center' width='100px' style='border: 1px solid #73C2FF; font-family: 宋体; font-size: 19px;'>姓名<input type=\"text\" id=\"a\" /></td>"+
                            "<td align='center' width='100px' style='border:1px solid #73c2FF; font-family:宋体; font-size:19px;'>年龄<input type=\"text\" id=\"b\" /></td>"+
                            "</tr>"+
                            "</table>");
        doc.close();
}


 function upd(val1,val2,val3){
   var diag=new Dialog();
    diag.Width = 900;
    diag.Height = 150;
    diag.URL = "<%=basePath%>test.html";
    diag.Title = "成功哈哈哈";
    //点击确定后调用的方法
        diag.OKEvent = function(){
            $id('sysid').value = diag.innerFrame.contentWindow.document.getElementById('k').value;
            $id('sysname').value = diag.innerFrame.contentWindow.document.getElementById('a').value;
            $id('sysage').value = diag.innerFrame.contentWindow.document.getElementById('b').value;
           save();
    };
        diag.OnLoad=function(){
        diag.innerFrame.contentWindow.document.getElementById('k').value=val1;
        diag.innerFrame.contentWindow.document.getElementById('a').value=val2;
        diag.innerFrame.contentWindow.document.getElementById('b').value=val3;
        };
        
    diag.show();
    var doc=diag.innerFrame.contentWindow.document;
    doc.open();
    doc.write("<table style='background-color: #E5F5FF;' cellpadding='0'  align='center' cellspacing='0' border='1' width='100%' >"+
                            "<tr>"+
                            "<td align='center' width='100px' style='border: 1px solid #73C2FF; font-family: 宋体; font-size: 19px;'>基本信息<input type=\"hidden\" id=\"k\" /></td>"+
                            "<td align='center' width='100px' style='border: 1px solid #73C2FF; font-family: 宋体; font-size: 19px;'>姓名<input type=\"text\" id=\"a\" /></td>"+
                            "<td align='center' width='100px' style='border:1px solid #73c2FF; font-family:宋体; font-size:19px;'>年龄<input type=\"text\" id=\"b\" /></td>"+
                            "</tr>"+
                            "</table>");
        doc.close();
 }
    function save(){
           var name=document.getElementById("sysname").value;
           var age=document.getElementById("sysage").value;
           if(name==null||name==""){
           alert("姓名不能为空");
           return false;
           }
           if(age==null||age==""){
           alert("年龄不能为空");
           return false;
           }else{
           alert("成功");
           }
           document.getElementById("ss").action="<%=basePath%>Addsss/Addsss_zengjia.action"
           document.getElementById("ss").submit();
           }
    </script>
  </body>
</html>

原文地址:https://www.cnblogs.com/zhiguci/p/7047257.html