📄 twotablesample.jsp

📁 用Javascript动态添加和删除表格行
💻 JSP
字号:
<%@ page contentType="text/html;charset=utf-8"%> 
<html> 
<head> 
   <title>两个表格的添加、删除行实例(处理结果)</title> 

</head> 
<body>

<% 
String        strCount = ""; 
String        strInputText = "", 
			strArea     = "", 
            strRdo     = "", 
            strSelect     = ""; 
String[]    aStrChkBox=null;             
int            intCount = 0; 

// ---------------- 处理表单提交时的取值 --------------------//

//得到有效表格行的总数
strCount = request.getParameter("count1") == null?"":request.getParameter("count1"); 

if(!strCount.equals("")) 
{ 
    intCount = Integer.parseInt(strCount); 
	out.println("第一个表格request取得的值：");
	out.println("<hr>");
    for(int i = 0 ;i < intCount;i ++ ) 
    { 
        //注意参数名与js中aStrName定义的名称的关系
		strInputText = request.getParameter("txtInput1_" + i); 
        strArea = request.getParameter("txtArea1_" + i); 
        strRdo = request.getParameter("rdoBox1_" + i); 
        strSelect = request.getParameter("select1_" + i); 
        out.println("输入文本框：" + strInputText + "<br>"); 
        out.println("多行文本框：" + strArea + "<br>"); 
        out.println("单&nbsp;&nbsp;&nbsp;选&nbsp;&nbsp;&nbsp;框：" + strRdo + "<br>"); 
        out.println("下&nbsp;&nbsp;&nbsp;拉&nbsp;&nbsp;&nbsp;框：" + strSelect + "<br>"); 
        aStrChkBox = request.getParameterValues("chkBox1_" + i); 
        if(aStrChkBox != null) 
        { 
            out.println("复&nbsp;&nbsp;&nbsp;选&nbsp;&nbsp;&nbsp;框："); 
            for(int j = 0;j < aStrChkBox.length;j ++) 
            { 
                out.println(aStrChkBox[j] + ","); 
            } 
        } 
        out.println("<br>------------------------------------------------------------------------------------------<br>");
    } 
     
} 


//得到有效表格行的总数
strCount = request.getParameter("count2") == null?"":request.getParameter("count2"); 

if(!strCount.equals("")) 
{ 
    intCount = Integer.parseInt(strCount); 
	out.println("第二个表格request取得的值：");
	out.println("<hr>");
    for(int i = 0 ;i < intCount;i ++ ) 
    { 
        //注意参数名与js中aStrName定义的名称的关系
		strInputText = request.getParameter("txtInput2_" + i); 
        strArea = request.getParameter("txtArea2_" + i); 
        strRdo = request.getParameter("rdoBox2_" + i); 
        strSelect = request.getParameter("select2_" + i); 
        out.println("输入文本框：" + strInputText + "<br>"); 
        out.println("多行文本框：" + strArea + "<br>"); 
        out.println("单&nbsp;&nbsp;&nbsp;选&nbsp;&nbsp;&nbsp;框：" + strRdo + "<br>"); 
        out.println("下&nbsp;&nbsp;&nbsp;拉&nbsp;&nbsp;&nbsp;框：" + strSelect + "<br>"); 
        aStrChkBox = request.getParameterValues("chkBox2_" + i); 
        if(aStrChkBox != null) 
        { 
            out.println("复&nbsp;&nbsp;&nbsp;选&nbsp;&nbsp;&nbsp;框："); 
            for(int j = 0;j < aStrChkBox.length;j ++) 
            { 
                out.println(aStrChkBox[j] + ","); 
            } 
        } 
        out.println("<br>------------------------------------------------------------------------------------------<br>");
    } 
     
} 

// ---------------- 结束处理表单提交时的取值 --------------------//

%>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -