javascript方面. ( 积分: 100 )

shanshanhao · 2005-09-10

页面结构如下:
我想实现下面的功能,在没提交表单之前,如果想删除某条记录,点后面的删除按钮可以直接把该记录条删除,听说用js可以实现,可我查了好半天也没找到,请高手帮助,谢谢!!
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html;
charset=gb2312">
<title>清空</title>
</head>
<body>
<table border="1"
cellpadding="0"
cellspacing="0"
align =center width="697"
>
<form action="sample.asp"
method="post"
name="form1"width="60%">

<tr><td height="18"
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
姓名</td>
<td height="18"
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数据</td>
<td height="18"
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日期</td></tr>
<%for i=1 to 5%>
<tr>

<td> <input type="text"
name="username<%=i%>"
value="<%=username%>"></td>

<td> <input type="text"
name="userdata<%=i%>"
value="<%=userdata%>"></td>

<td> <input type="text"
name="sdate<%=i%>"
value="<%=sdate%>"></td>
<td align="center"
colspan="4"><input type="button"
value="
删除 "
></tr>
<tr>
<%next%>
<td><input type="submit"
value="提交数据"></td>
</tr>
</form>
</table>
</body>
</html>

shanshanhao · 2005-09-10

页面结构如下:
我想实现下面的功能,在没提交表单之前,如果想删除某条记录,点后面的删除按钮可以直接把该记录条删除,听说用js可以实现,可我查了好半天也没找到,请高手帮助,谢谢!!
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html;
charset=gb2312">
<title>清空</title>
</head>
<body>
<table border="1"
cellpadding="0"
cellspacing="0"
align =center width="697"
>
<form action="sample.asp"
method="post"
name="form1"width="60%">

<tr><td height="18"
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
姓名</td>
<td height="18"
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数据</td>
<td height="18"
>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日期</td></tr>
<%for i=1 to 5%>
<tr>

<td> <input type="text"
name="username<%=i%>"
value="<%=username%>"></td>

<td> <input type="text"
name="userdata<%=i%>"
value="<%=userdata%>"></td>

<td> <input type="text"
name="sdate<%=i%>"
value="<%=sdate%>"></td>
<td align="center"
colspan="4"><input type="button"
value="
删除 "
></tr>
<tr>
<%next%>
<td><input type="submit"
value="提交数据"></td>
</tr>
</form>
</table>
</body>
</html>

老人家 · 2005-09-10

都不是太了解行业

shanshanhao · 2005-09-10

没人能解决吗?555......

chenybin · 2005-09-10

ASP的？可以实现，我马上去找代码
//删除指定的行
function DeleteOneRow(tableId,rowIndex)// 设置table的id属性
{
var objTable =do
cument.getElementById(tableId);
var objTable =do
cument.getElementById(tableId);
if(objTable.rows.length==1 || rowIndex==0)
{
alert("对不起，你首先必须选择要删除的行！！！&quot

;
return;
}
if(confirm("确定删除?&quot

)
{
objTable.deleteRow(rowIndex);
currRowIndex = 0;
}
else
{
for(var i=1;i<objTable.rows.length;i++)
{
objTable.rows.cells[0].bgColor = "#ffffff";
currRowIndex = 0;
}
}
}

chenybin · 2005-09-10

完整代码如下，没问题就结贴吧，
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html;
charset=gb2312">
<title>清空</title>
<script language="javascript">
<!--
//删除指定的行
[blue]// 前面参数是table的id值，我已经设定过了，后面是索引，这个不能错，忘记是从0开始还是1开始了，自己测一下[/blue]
function DeleteOneRow(tableId,rowIndex)
{
var objTable =do
cument.getElementById(tableId);
var objTable =do
cument.getElementById(tableId);
if(objTable.rows.length==1 || rowIndex==0) {
alert("对不起，你首先必须选择要删除的行！！！&quot

;
return;
}
if(confirm("确定删除?&quot

) {
objTable.deleteRow(rowIndex);
currRowIndex = 0;
}
else
{
for(var i=1;i<objTable.rows.length;i++){
objTable.rows.cells[0].bgColor = "#ffffff";
currRowIndex = 0;
}
}
}
-->
</script>
</head>
<body>
<table id=table1 border="1"
cellpadding="0"
cellspacing="0"
align =center width="697"
>
<form action="sample.asp"
method="post"
name="form1"width="60%">

<tr><td height="18"
> 姓名</td>
<td height="18"
> 数据</td>
<td height="18"
> 日期</td></tr>
<%for i=1 to 5%>
<tr>
<td> <input type="text"
name="username<%=i%>"
value="<%=username%>"></td>
<td> <input type="text"
name="userdata<%=i%>"
value="<%=userdata%>"></td>
<td> <input type="text"
name="sdate<%=i%>"
value="<%=sdate%>"></td>
<td align="center"
colspan="4"><input type="button"
value="
删除 "
onclick="DeleteOneRow('table1', <%=i%>)"></tr>
<tr>
<%next%>
<td><input type="submit"
value="提交数据"></td>
</tr>
</form>
</table>
</body>
</html>

shanshanhao · 2005-09-10

thank you !

javascript方面. ( 积分: 100 )

shanshanhao

Unregistered / Unconfirmed

shanshanhao

Unregistered / Unconfirmed

老人家

Unregistered / Unconfirmed

shanshanhao

Unregistered / Unconfirmed

chenybin

Unregistered / Unconfirmed

chenybin

Unregistered / Unconfirmed

shanshanhao

Unregistered / Unconfirmed

Similar threads