45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:动态添加文本框并处理的步骤

动态添加文本框并处理的步骤

2016-08-29 14:57:41 来源:www.45fan.com 【

动态添加文本框并处理的步骤

最近在做项目时曾碰到这个问题,怎样动态地添加一个文本框或文件域,这在网上很容易找到。但对怎样处理提交的动态数据就很少有这方面的信息了。看了一些资料,找到一个小方法:

1.提交表单

<html>
<body>
<form name="form" method="post" action="add.jsp">
<input name="button" type=button onClick='additem("tb")' value="添加>>">
<table id="tb">
</table>
<script language="javascript">

function additem(id)
{
var row,cell,str;
row = eval("document.all["+'"'+id+'"'+"]").insertRow();
if(row != null )
{
cell = row.insertCell();
str="<input type="+'"'+"text"+'"'+" name="+'"'+"StuName"+'"'+"><input type="+'"'+"button"+'"'+" value="+'"'+"删除"+'"'+" onclick='deleteitem(this,"+'"'+"tb"+'"'+");'>"
cell.innerHTML=str;

}
}
function deleteitem(obj,id)
{
var rowNum,curRow;
curRow = obj.parentNode.parentNode;
rowNum = eval("document.all."+id).rows.length - 1;
eval("document.all["+'"'+id+'"'+"]").deleteRow(curRow.rowIndex);
}
</script>
<p>
<input type="submit" name="submit" value="提交">
</p>
</form>
</body>
</html>

2.处理数据

<body>
<table border="1"><tr><td colspan="2">eg</td></tr>
<%
Enumeration params=request.getParameterNames();
while(params.hasMoreElements()){
String name=(String)params.nextElement();
String[] values=request.getParameterValues(name);
if(name.equals("StuName")){
%>
<tr>
<td><%=name%></td>
<td>
<%
for(int index=0;index<values.length;index++){
%>
<%=values[index]%>
<%}}%>
</td>
</tr>
</table>
</body>

 

本文地址:http://www.45fan.com/dnjc/69330.html
Tags: 动态 怎样 文本
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部