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 继续在创建一个文本框控件的对象 然后你添加数据敏吵或的时候可以去循环 不知道你是否能明白我的意思 方法仅供参考
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
