asp.net动态添加文本框并获取内容添加到数据库中
最好是js动态添加删除文本框，然后后台获取内容并保存到数据库中，注意的是，添加几个就保存几条数据。关键是怎么循环添加，希望高手给出详细代码，感激不尽。...
最好是js动态添加 删除 文本框，然后后台获取内容并保存到数据库中，注意的是，添加几个 就保存几条数据。关键是怎么循环添加，希望高手给出详细代码 ，感激不尽。
展开
展开全部
下面是源码，前几天刚做的列子。注意一点：再添加时把它添加的行数记录，然后到到后台循环，取出这个控件的ID然后判断他的值是否为空！<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS动态添加行</title>
<style type="text/css">
.top_t2_c1{
width:700px;
height:100%;
line-height:50px;
text-align:left;
}
</style>
<script type="text/javascript" language="javascript">
var rows=0;
function addRow(tableName)
{
var row=tableName.insertRow(tableName.rows.length);
rows++;
var col
if(tableName==tabAdd)
{
col=row.insertCell(0);
col.innerHTML=rows;
col=row.insertCell(1);
col.innerHTML="<input type='text' id='name"+rows+"' style='width:290px;' name='name"+rows+"'/>";
col=row.insertCell(2);
col.innerHTML="<input type='text' id='qty"+rows+"' name='qty"+rows+"' SIZE='5'/>";
col=row.insertCell(3);
col.innerHTML="<input type='text' id='remark"+rows+"' name='remark"+rows+"'/>";
col=row.insertCell(4);
col.innerHTML="<input type='button' id='btn"+rows+"' value='删除' onclick='delRow(this);'/>";
}
}
function delRow(o)
{
var objTR =o.parentNode.parentNode;
var currRowIndex= objTR.rowIndex;
if(confirm("您确认要删除?"))
{
objTR.parentNode.deleteRow(currRowIndex);
}
}
</script>
</head>
<body>
<form id="Form1" method="post">
<div align="center" style="Height:100%;">
<h1>办公用品请购单</h1>
<table id="tabAdd" width="700" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#67b2ec" bordercolordark="#ffffff">
<tr>
<td width="40" class="left"><strong>序号</strong></td>
<td width="290" class="left"><strong>名称</strong></td>
<td width="60" class="left"><strong>数量</strong></td>
<td width="146" class="left"><strong>备注</strong></td>
<td class="left" style="TEXT-ALIGN:center;width:40px"><strong>删除</strong></td>
<tr>
</table>
<div class="top_t2_c1" >
<input type="button" onclick="addRow(tabAdd);" name="btnAdd" value="添加行">
</div>
</div>
</form>
</body>
</html>
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS动态添加行</title>
<style type="text/css">
.top_t2_c1{
width:700px;
height:100%;
line-height:50px;
text-align:left;
}
</style>
<script type="text/javascript" language="javascript">
var rows=0;
function addRow(tableName)
{
var row=tableName.insertRow(tableName.rows.length);
rows++;
var col
if(tableName==tabAdd)
{
col=row.insertCell(0);
col.innerHTML=rows;
col=row.insertCell(1);
col.innerHTML="<input type='text' id='name"+rows+"' style='width:290px;' name='name"+rows+"'/>";
col=row.insertCell(2);
col.innerHTML="<input type='text' id='qty"+rows+"' name='qty"+rows+"' SIZE='5'/>";
col=row.insertCell(3);
col.innerHTML="<input type='text' id='remark"+rows+"' name='remark"+rows+"'/>";
col=row.insertCell(4);
col.innerHTML="<input type='button' id='btn"+rows+"' value='删除' onclick='delRow(this);'/>";
}
}
function delRow(o)
{
var objTR =o.parentNode.parentNode;
var currRowIndex= objTR.rowIndex;
if(confirm("您确认要删除?"))
{
objTR.parentNode.deleteRow(currRowIndex);
}
}
</script>
</head>
<body>
<form id="Form1" method="post">
<div align="center" style="Height:100%;">
<h1>办公用品请购单</h1>
<table id="tabAdd" width="700" border="1" cellpadding="0" cellspacing="0" bordercolorlight="#67b2ec" bordercolordark="#ffffff">
<tr>
<td width="40" class="left"><strong>序号</strong></td>
<td width="290" class="left"><strong>名称</strong></td>
<td width="60" class="left"><strong>数量</strong></td>
<td width="146" class="left"><strong>备注</strong></td>
<td class="left" style="TEXT-ALIGN:center;width:40px"><strong>删除</strong></td>
<tr>
</table>
<div class="top_t2_c1" >
<input type="button" onclick="addRow(tabAdd);" name="btnAdd" value="添加行">
</div>
</div>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个问题我也想过 但是没有试过 我可以给你介绍一个参考方案 添加每个控件的时候会有很多自动生成的代码 在界面层会有一个实例化的过程你可以用当点击添加的时候调用javascript 继续在创建一个文本框控件的对象 然后你添加数据的时候可以去循环 不知道你是否能明白我的意思 方法仅供参考
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
