javascript 动态添加删除控件 -凯发k8网页登录

开发出高质量的系统

常用链接

统计

积分与排名

好友之家

最新评论

javascript 动态添加删除控件

doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
head>

<body>
<script language="javascript">
var i = 0,j = 0;     //行号与列号
var onewrow  ;    //定义插入行对象
var onewcell1,onewcell2;     //定义插入列对象

//添加条件行
function addrow()
{
i = document.all.mytable.rows.length;
onewrow = document.all.mytable.insertrow(i);
onewrow.id = j;

//添加第一列
onewcell1 = document.all.mytable.rows[i].insertcell(0)
onewcell1.innerhtml = ""  j  "'"" size='14' value=\"\">";

//添加第二列
onewcell2 = document.all.mytable.rows[i].insertcell(1)
onewcell2.innerhtml =""  j  " value='删除当前行'""onclick='delcurrentrow("  j  ");'>";
j;
}

//删除行
function delcurrentrow(j)
{
with(document.all.mytable)
{
for (var i=0;i<rows.length;i)
{
if (rows[i].id == j)
{
deleterow(i);
}
}
}
}
script>

<form method="post" action="">
<div style="margin-left:80px;color:red;font-weight:bold;">div>
<div align="center" class="title-font">
动态添加html元素
div>
<br>
<table style="border:0px;" cellpadding=0 cellspacing=0
     align="center">
<tr>
<td style="border:0px;" width="340"><hr>td>
<td style="border:0px;"><input type=button value="添加" name"addfieldbt" onclick="addrow();"/>td>
tr>
table>
<br><br>
<table style="border:0px;" cellpadding=0 cellspacing=0
   align="center" class="tablebody" id="mytable" border="0">
table>
<br><br>
<table style="border:0px;" cellpadding=0 cellspacing=0
   align="center">
  <tr>
   <td align="center" style="border:0px;">
   <input type=button value="提交" name="searchbt" onclick=""/>
   td>
  tr>
table>
<script language="javascript">addrow()script>
form>
body>
html>

posted on 2007-09-14 09:39 dreamstone 阅读(6383) 评论(1)  编辑  收藏 所属分类: 片段 、脚本语言javascript

# re: javascript 动态添加删除控件 2008-06-02 09:37

`  回复     


只有注册用户后才能发表评论。
网站导航:
              
 
网站地图