收集数据:javascript实现输入多行动态输入

收集数据:javascript 实现输入多行动态输入
JSP用中收集数据:javascript 实现输入多行动态输入
在网上找了一下,只有一篇此类文章,还是php的,害得我要特意去看一下php,感觉很不好,是一种弱类型的语言,可以不声明就使用,因此,还要在每个变量前加$.不知道那些高手们为什么不谈谈自己写过报关系统等时候,一次性动态输入多行数据的经历.
一般,我们用
request.getParameter("value");
来获得静态HTML输入的值.然后不要忘记判断是否为空,是否含有特殊字符等.
还可以用
Enumeration paramNames=request.getParameterNames();
while(paramNames.hasMoreElements()){String paramName=(String)paramNames.nextElement();}
来收集<input type="text" name="name"/>中的name
但是我们每增加新的一行,参数名同上一行一样,那么,我们将如何获得value的值?
这里我又去看书(servlet 和 JSP 核心编程,极好的一本书,该讲的都讲了,读明白了它servlet/JSP也就可以说精通了)p70页里面:getParameterValues()返回字符串数组,然后我们用循环判断这个字符串数组的长度,再就是获得值了:)

request.getParameter("value");//这个最熟悉,获得文本框的值
(Enumeration)request.getParameterNames();//获得文本框的名字
(String[])request.getParameterValues(paramName);//获得静态html页相同的参数(多次出现)的值
*************html 页 javascript 代码:
<script language="javascript">
function tbladdrow()
{
        var i=lines.rows.length;
        var row = Table1.insertRow(Table1.rows.length);
        var col = row.insertCell(0);
        col.innerHTML = "<INPUT id=line["+i+"][name1] name=line"+i+"name1 SIZE=10>";
        col = row.insertCell(1);
        col.innerHTML = "<INPUT id=line["+i+"][name2]  name=line"+i+"name2 SIZE=10>";
        col = row.insertCell(2);
        col.innerHTML = "<INPUT id=line["+i+"][name3] name=line"+i+"name3 SIZE=10>";
        col = row.insertCell(3);
        col.innerHTML = "<INPUT id=line["+i+"][name4] name=line"+i+"name4 SIZE=10>";
}
function tbladdrows(items)
{
        for( i = 1 ; i <= items ; i++)
        {
                tbladdrow();
        }
}
function delrow()
{
        if(lines.rows.length==0)
        {
                return false  ;
        }
        lines.deleteRow();
}
</script>
****************html页其它代码:
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=Big5">
    <title>輸入</title>
  </head>
  <body>
<form action="getInput.jsp">
  <DIV align=center><FONT size=2>輸入測試</FONT></DIV></TD>
    <TD width=412 bgColor=#e4e4e4>
      <TABLE id=Table1 cellSpacing=0 borderColorDark=#ffffff cellPadding=0
      width=350 align=center borderColorLight=#000000 border=1>
        <TBODY>
        <TR bgColor=#999999>
          <TH width=94><FONT size=2>參數一</FONT></TH>
          <TH width=84><FONT size=2>參數二</FONT></TH>
          <TH width=85><FONT size=2>參數三</FONT></TH>
          <TH width=77><FONT size=2>參數四</FONT></TH></TR>
        <TBODY id=lines name="lines"></TBODY></TABLE>
      <DIV align=center><BR></DIV>
      <DIV align=center>
      <INPUT id=items type=hidden value=1 name=items> <INPUT onclick=tbladdrow(items.value);
type=button value=新增一行 name=insert/>
      <font color="#e4e4e4"> </font>  
      <INPUT language=javascript onclick="return delrow()" type=button value=刪除一行 name=del/>
      </DIV></TD></TR></TBODY></TABLE>
<input type="submit" value="commit"/>
</form>
  </body>
</html>
***jsp页收集输入
<%@ page contentType="text/html;charset=Big5"%>
<%@ page import="java.util.*"%>
<%
request.setCharacterEncoding("big5");
Enumeration paramNames=request.getParameterNames();
String paramName=null;
while(paramNames.hasMoreElements()){
paramName=(String)paramNames.nextElement();

String param=request.getParameter(paramName);

//out.println(paramName+"   "+param+"<br>");

  String paramValues[]=request.getParameterValues(paramName);
  for(int i=0; i<=paramValues.length-1; i++)
{
out.println(paramName+"  ");
out.println(paramValues[i]+"<br>");}

}

//out.println("<br>"+name);
%>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=Big5">
    <title>接受輸入</title>
  </head>
  <body>
  </body>
</html>

爱心技术专栏专题

首页

收集数据:javascript实现输入多行动态输入

收集数据:javascript实现输入多行动态输入