资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
cloneNode实现表格增加删除效果
<%@ page contentType="text/html; charset=gb2312" %> <html> <head> <title>查询窗口</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20%20%20language%3D%22JavaScript%22%3E%20%20%20%20%0D%0A%20%20%20%20%20%0D%0A%20%20function%20%20%20changeValue1(obj)%7B%20%20%20%20%0D%0A%20%20if(obj.value%20%20%20%3D%3D%20%20%200)%7B%20%20%20%20%0D%0A%20%20document.getElementById(%22result%22).value%20%20%20%3D%20%20%20%22f117%22%3B%20%20%20%20%20%20%0D%0A%20%20%7Delse%20%20%20%7B%20%20%20%20%0D%0A%20%20document.getElementById(%22result%22).value%20%20%20%3D%20%20%20%22gaofei%22%3B%20%20%20%20%20%20%0D%0A%20%20%7D%20%20%20%20%0D%0A%20%20%7D%20%20%20%20%0D%0A%20%20%20%20function%20%20%20changeValue(obj)%7B%20%20%20%20%0D%0A%20%20if(obj.value%20%20%20%3D%3D%20%20%200)%7B%20%20%20%20%0D%0A%20%20obj.parentElement.parentElement.cells%5B1%5D.children%5B0%5D.value%20%20%20%3D%20%20%20%22f117%22%3B%20%20%20%20%20%20%0D%0A%20%20%7Delse%20%20%20if(obj.value%20%20%20%3D%3D%20%20%201)%7B%20%20%20%20%0D%0A%20%20obj.parentElement.parentElement.cells%5B1%5D.children%5B0%5D.value%20%20%20%3D%20%20%20%22gaofei%22%3B%20%20%20%20%20%20%0D%0A%20%20%7Delse%20%20%20%20%20%20%0D%0A%20%20obj.parentElement.parentElement.cells%5B1%5D.children%5B0%5D.value%20%20%20%3D%20%20%20%22%22%3B%20%20%20%20%20%20%0D%0A%20%20%20%20%20%0D%0A%20%20%7D%20%0D%0A%20%20function%20%20%20insertrow()%7B%20%20%20%20%0D%0A%20%20var%20%20%20newrow%20%20%20%3D%20%20%20document.all.tbl.rows%5B0%5D.cloneNode(true)%3B%20%2F%2F%E5%85%8B%E9%9A%86%E4%B8%80%E8%A1%8C%20%20%20%20%0D%0A%20%20document.all(%22newTB%22).appendChild(newrow)%3B%20%2F%2F%E6%B7%BB%E5%8A%A0%E5%88%9A%E6%89%8D%E5%85%8B%E9%9A%86%E7%9A%84%E4%B8%80%E8%A1%8C%20%20%20%20%0D%0A%20%20%7D%20%20%20%20%0D%0A%20%20%20%20%20%0D%0A%20%20function%20%20%20delerow()%7B%20%20%20%20%0D%0A%20%20var%20%20%20numrow%20%20%20%3D%20%20%20document.all(%22newTB%22).rows.length%3B%20%20%20%20%0D%0A%20%20if%20%20%20(numrow%20%20%20%3D%3D%20%20%200)%20%20%20%7B%20%20%20%20%0D%0A%20%20alert(%22%E6%AD%A4%E8%A1%8C%E6%97%A0%E6%B3%95%E5%88%A0%E9%99%A4%EF%BC%81%22)%3B%20%20%20%20%0D%0A%20%20return%20%20%20false%3B%7D%20%20%20%20%0D%0A%20%20document.all(%22newTB%22).deleteRow(numrow-1)%3B%20%20%20%20%0D%0A%20%20%7D%20%20%20%20%0D%0A%20%20%3C%2Fscript%3E"> </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 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程