繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
应用技巧
→ 正文内容
cloneNode实现表格增加删除效果
发布：dxy 发布日期：
2006-11-18
字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<%@ page contentType="text/html; charset=gb2312" %> <html> <head> <title>查询窗口</title> <script language="JavaScript"> function changeValue1(obj){ if(obj.value == 0){ document.getElementById("result").value = "f117"; }else { document.getElementById("result").value = "gaofei"; } } function changeValue(obj){ if(obj.value == 0){ obj.parentElement.parentElement.cells[1].children[0].value = "f117"; }else if(obj.value == 1){ obj.parentElement.parentElement.cells[1].children[0].value = "gaofei"; }else obj.parentElement.parentElement.cells[1].children[0].value = ""; } function insertrow(){ var newrow = document.all.tbl.rows[0].cloneNode(true); //克隆一行 document.all("newTB").appendChild(newrow); //添加刚才克隆的一行 } function delerow(){ var numrow = document.all("newTB").rows.length; if (numrow == 0) { alert("此行无法删除！"); return false;} document.all("newTB").deleteRow(numrow-1); } </script> </head> <body class="dialog_body"> <form method="POST" onSubmit="return doSubmit(this)"> <fieldset style="margin:5px;width:630px;"> <legend>查询条件</legend> <div align="center" class="inputblock" style="width:930;height:150;overflow:auto;"> <table border="1" width="900" cellpadding="0" cellspacing="0" class="table"> <tr> <td class="title" width="16%">列表框</td> <td class="title" width="16%">结果</td> </tr> </table> <table border="1" width="900" cellpadding="0" cellspacing="0" class="table"> <tbody id="tbl"> <tr> <td width="16%"> <select id="pid" name="project" onchange="changeValue(this)"> <option value=""></option> <option value="0">人员编号</option> <option value="1">姓名</option> </select> </td> <td width="16%"> <input id="result" type="text" value="" readonly="true"> </td> </tr> </tbody> <tbody id="newTB"> </tbody> </table> </div> </fieldset> <div align="right" style="margin:10px;"> <input type="button" onClick="insertrow();" value="增加一行"> <input type="button" onClick="delerow();" value="删除一行"> </div> </form> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags：
cloneNode实现表格增加删除效果
百度中搜索更多的关于
cloneNode实现表格增加删除效果
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
用js得到网页中所有的div的id
下一篇文章：
li隔行换色改进版
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
删除数组条目中重复的条目(可能有多个)，
js取得当前网址
教学演示-UBB,剪贴板,textRange及其他
Javascript里使用Dom操作Xml
如何用JS获取带“\”字符串的中间值？
javascript 汉字与拼音转换
use jscript List Installed Software
漂亮的Slider效果类终于封装成功
浅谈javascript函数劫持[转自xfocus]
XP折叠菜单&仿QQ2006菜单
最 近 更 新
javascript 获取网页标题
通用于ie和firefox的函数 GetCurrentStyl
非常酷的js图形渐隐导航菜单栏
setInterval 和 setTimeout会产生内存溢出
让您的菜单不离网站
实时编辑网页网页文字实时编辑，如同TEXT
一些常用的Javascript函数
在IE下：float属性会影响offsetTop的取值
javascript创建页面蒙板的一些知识技巧总
超强推荐的js编程中的简洁写法收集
热 点 排 行
Div+CSS+JS树型菜单，可刷新
在线游戏大家来找茬II
eval(function(p,a,c,k,e,d)系列
javascript小技巧 超强推荐
动态加载js文件 document.create
Unicode 编码转换器
彻底搞懂JS无缝滚动代码
JavaScript实现Sleep函数的代码
由浅到深了解JavaScript类
支持IE和FF的div＋css选项卡
文章评论
共有 位脚本之家网友发表了评论我来说两句