如何动态添加文本框
我们的项目需要在一个网页动态生成一个类似EXCEL的表格，以填写内容，不知道有什么方法可以完成？我们使用C#+ASP.net2.0的方式，我们老师说用ASP的后台代码实现...
我们的项目需要在一个网页动态生成一个类似EXCEL的表格，以填写内容，不知道有什么方法可以完成？
我们使用C#+ASP.net2.0的方式，我们老师说用ASP的后台代码实现速度慢，需要使用前台代码，不知道是不是指javascript，请问如何实现？ 展开
我们使用C#+ASP.net2.0的方式，我们老师说用ASP的后台代码实现速度慢，需要使用前台代码，不知道是不是指javascript，请问如何实现？ 展开
展开全部
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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1 它说的就是javascript
2 简单到不能简单的例子 ,具体功能自己扩展
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript">
function AddInput()
{
var dv=document.getElementById("dvInput");
var oInput = document.createElement("<input type='text' />");
dv.appendChild(oInput);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="dvInput"></div>
<input type="button" onclick="AddInput()" value="添加单元格" />
</form>
</body>
</html>
2 简单到不能简单的例子 ,具体功能自己扩展
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript">
function AddInput()
{
var dv=document.getElementById("dvInput");
var oInput = document.createElement("<input type='text' />");
dv.appendChild(oInput);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="dvInput"></div>
<input type="button" onclick="AddInput()" value="添加单元格" />
</form>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2015-07-06 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
采纳数：25897
获赞数：1464984
2010年毕业于北京化工大学北方学院计算机科学与技术专业毕业，学士学位，工程电子技术行业4年从业经验。
向TA提问 私信TA
关注
![]()
展开全部
<script language="javascript">
function add()
{
option = new Array();
proportion = new Array();
str='<table>';
str=str+'<tr align=center valign=middle bgcolor=#FFFFFF>';
str=str+'<td width="100%" height="25"><input type="text" name=proportion></td>';
str=str+'<td width="100%" height="25"><input type="button" name=del onclick="" value="删除"></td>';
str=str+'</tr></table>';
window.upid.innerHTML+=str+'';
}
</script>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form name="myform" onsubmit="javascript:return check()">
<table>
<tr>
<td>
<input name="Submit2" type="button" onclick="javascript:add()" value="增加">
</td>
</tr>
<tr>
<td>
<div id="upid"></div>
</td>
</tr>
</table>
</form>
</body>
</html>
function add()
{
option = new Array();
proportion = new Array();
str='<table>';
str=str+'<tr align=center valign=middle bgcolor=#FFFFFF>';
str=str+'<td width="100%" height="25"><input type="text" name=proportion></td>';
str=str+'<td width="100%" height="25"><input type="button" name=del onclick="" value="删除"></td>';
str=str+'</tr></table>';
window.upid.innerHTML+=str+'';
}
</script>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form name="myform" onsubmit="javascript:return check()">
<table>
<tr>
<td>
<input name="Submit2" type="button" onclick="javascript:add()" value="增加">
</td>
</tr>
<tr>
<td>
<div id="upid"></div>
</td>
</tr>
</table>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
for(int i;i<10;i++)
{
TextBox txt=new TextBox();
txt.ID="txt"+i;//textbox的ID标识
}
这样不就可以了，里面还可以添加样式，变成你需要的那种
{
TextBox txt=new TextBox();
txt.ID="txt"+i;//textbox的ID标识
}
这样不就可以了，里面还可以添加样式，变成你需要的那种
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
TextBox tb=new TextBox();
加上for语句就循环生成
加上for语句就循环生成
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
