用了js弄了insertRow的方法动态插入行和列,怎么写Action把数据保存到数据库
<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动态添加行和列
js动态添加表格数据使用insertRow和insertCell实现
效果图: 代码: js动态添加表格数据_2.html 代码如下: <!DOCTYPE html> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>js动态添加表格数据_2 使用insertRow和insertCell方法实现</title> [removed] var mailArr = [ { “title”: “一个c#问题”, “name
js添加table的行和列 具体实现方法
介绍了js添加table的行和列 具体实现方法,有需要的朋友可以参考一下
javascript动态添加表格数据行
javascript动态添加表格数据行 在很多web应用中,我们会遇到很多需要动态插入多行纪录的地方。比如,在人才网站上,我们填写简历的时候,我们要填写我们的项目经验,我们可以根据自己的实际情况动态的添加条数,这种不是以单独页面的形式添加,这种动态添加是在同一个页面下动态添加,最后再一起提交到服务器保存到数据库中。 本文,我将以一个类似的例子来做一个前台用Javascript动态添加数据项,后台保存到数据库的例子。 浏览器:IE.6.0 后台:ASP (VBScript ) 前台:HTML + JavaScript
原生JS和JQuery动态添加、删除表格行的方法
主要介绍了原生JS和JQuery动态添加、删除表格行的方法,涉及javascript针对页面元素的动态操作技巧,需要的朋友可以参考下


