📄 onetablesample.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("count") == null?"":request.getParameter("count"); 

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("txtInput_" + i); 
        strArea = request.getParameter("txtArea_" + i); 
        strRdo = request.getParameter("rdoBox_" + i); 
        strSelect = request.getParameter("select_" + 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("chkBox_" + 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 + -