用了js弄了insertRow的方法动态插入行和列,怎么写Action把数据保存到数据库

m405509283 m405509283 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=GBK">
<script type="text/javascript">

function AddRow()
{
//添加一行
var i =tab1.rows.length;
var Nam="'div1'";
var Cod="fuJ"+i;
var newTr = tab1.insertRow();
//添加列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
var newTd2 = newTr.insertCell();
var newTd3 = newTr.insertCell();
var newTd4 = newTr.insertCell();
//设置列内容和属性
newTd0.innerHTML = '<input type="checkbox" id="box1" onClick="GetRow()"/ /><input type="hidden" name="fuJ" id='+Cod+' />';
newTd1.innerHTML = '<input type="text" name="name" id="txtName"/>';
newTd2.innerHTML = '<input type="text" name="remarks" id="remarks"/>';
newTd3.innerHTML = '<SELECT ID="bbb" NAME="ComboBox1"><OPTION>请选择</OPTION><OPTION>整数</OPTION><OPTION>小数</OPTION><OPTION>字符</OPTION></SELECT>';
newTd4.innerHTML = '<input type="text" name="length" id="length"/>';
}
function DelRow()
{
//删除一行
var shu=0;
var cheCou=document.all("box1");
for(var i=0;i<cheCou.length;i++)
{
if (cheCou[i].checked==true)
{
shu++;
}
}
if(shu==cheCou.length)
{
alert('请输入内容');
return;
}
else if(shu==0)
{
alert('请选择你要删除的信息');
return;
}
else if(shu==1)
{
for(var i=0;i<cheCou.length;i++)
{
if(cheCou[i].checked==true)
{
tab1.deleteRow(i+1);
}
}
}
else if(shu>1)
{
for(var a=0;a<shu;a++)
{
for(var i=0;i<cheCou.length;i++)
{
if(cheCou[i].checked==true)
{
tab1.deleteRow(i+1);
break;
}
}
}
}
}
function GetRow()
{
cGetRow=window.event.srcElement.parentElement.parentElement.rowIndex;
}
</script>
</head>
<body>
<form name="form1" action="socket" method="post" >
<center>
<fieldset>
<legend><strong>报文信息</strong></legend>
<input type=hidden id="hid" name="hid"/ />
<table id="tab1" align="center" border="1" cellPadding="4" cellSpacing="0" style="width:95%;word-break: break-all">
<thead>
<tr>
<th align="center" width="10%">选择</th>
<th align="center" width="15%">名称</th>
<th align="center" width="15%">内容</th>
<th align="center" width="15%">类型</th>
<th align="center" width="15%">长度</th>
</tr>
</thead>
<tr >
<td><input type=checkbox id="box1" onClick="GetRow()" />
<input type="hidden" name="fuJ" id="fuJ1" />
</td>
<td><input type="text" name="name" id="txtName"/></td>
<td><input type="text" name="remarks" id="remarks"/></td>
<td>
<SELECT ID="bbb" NAME="ComboBox1">
<OPTION>请选择</OPTION>
<OPTION>整数</OPTION>
<OPTION>字符</OPTION>
<OPTION>小数</OPTION>
</SELECT>
</td>
<td><input type="text" name="length" id="length"/></td>
</tr>

</table>
<table align="center" border="1" cellPadding="4" cellSpacing="0" style="width:95%;word-break: break-all">
<tr>
<td align="right">
<input type="button" name="Submit" value="增加一行" onclick="javascript:AddRow();" />
<input type="button" name="Submit" value="删除一行" onclick="javascript:DelRow();" />
</td>
</tr>
</table>
<input type="submit" value="确认发送"/>
</form>
</body>
</html>

我知道后台可以用request.getParameterValues("");方法获取,但是获取到的都是同一列的值在数组中,而不是同一行的值,这样没法按条保存到数据库中,请问大神们,该用什么方法从后台传参???急求,在线等
...全文

相关推荐

js动态添加行和列

js动态添加行和列

huqiuxia_2012

js动态添加表格数据使用insertRow和insertCell实现

效果图: 代码: js动态添加表格数据_2.html 代码如下: &lt;!DOCTYPE html> &lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt; &lt;head&gt; &lt;meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /&gt; &lt;title&gt;js动态添加表格数据_2 使用insertRow和insertCell方法实现&lt;/title&gt; [removed] var mailArr = [ { “title”: “一个c#问题”, “name

weixin_38601390

js添加table的行和列 具体实现方法

介绍了js添加table的行和列 具体实现方法,有需要的朋友可以参考一下

weixin_38654348

javascript动态添加表格数据行

javascript动态添加表格数据行 在很多web应用中,我们会遇到很多需要动态插入多行纪录的地方。比如,在人才网站上,我们填写简历的时候,我们要填写我们的项目经验,我们可以根据自己的实际情况动态的添加条数,这种不是以单独页面的形式添加,这种动态添加是在同一个页面下动态添加,最后再一起提交到服务器保存到数据库中。 本文,我将以一个类似的例子来做一个前台用Javascript动态添加数据项,后台保存到数据库的例子。 浏览器:IE.6.0 后台:ASP (VBScript ) 前台:HTML + JavaScript

caohr123

原生JS和JQuery动态添加、删除表格行的方法

主要介绍了原生JS和JQuery动态添加、删除表格行的方法,涉及javascript针对页面元素的动态操作技巧,需要的朋友可以参考下

weixin_38701683
评论 2
收藏 已收藏
分享
返回顶部
m405509283
JavaScript 87,983 成员 224,681 内容