您的位置: 首页 > IT文章 > javascript技巧 > cloneNode实现表格增加删除效果 cloneNode实现表格增加删除效果 分类: IT文章 • 2022-05-13 18:15:08 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>查询窗口</title> <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> </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> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
