js删除tr一行的解决方案
来源:互联网 发布:网络代销免费货源 编辑:程序博客网 时间:2024/06/05 20:08
<script language="javascript">
var number = 0;
//新增一行
function getNewRowStr(){
number++;
var str = '';
str = "<tr id='"+number+"'>"
+ "<td style='width:43px;'><input id='zybj"+number+"' name='zybj"+number+"' class='textInput'></td>"
+ "<td style='width:50px'><input id='ypyl"+number+"' name='ypyl"+number+"' class='textInput' ></td>"
+ "<td style='width:28px'><select id='yfyl"+number+"' name='yfyl"+number+"' style='width:56px'><option value=''>请选择</option>${pcbmxs}</select></td>"
+ "<td style='width:28px'><input id='ts"+number+"' name='ts"+number+"' class='textInput'></td>" <!--天数-->
+ "<td style='width:59px'><select id='fsbm"+number+"' name='fsbm"+number+"' style='width:112px'><option value=''>请选择</option>${fsbmxs}</select></td>"
+ "<td style='width:28px'><select id='zxfs"+number+"' name='zxfs"+number+"'>" <!--服法-->
+ "<option value=''>请选择</option>"
+ "<option value='0'>遵医嘱</option>"
+ "<option value='1'>口服</option>"
+ "<option value='2'>按说明书</option>"
+ "<option value='3'>外服内服</option>"
+ "</select></td>"
+ "<td style='width:28px'><input id='dw"+number+"' name='dw"+number+"' class='textInput'></td>"
+ "<td style='width:58px'><input id='cfsl"+number+"' name='cfsl"+number+"' class='textInput'></td>"
+ "<td style='width:58px'><select id='zbybs"+number+"' name='zbybs"+number+"' style='width:115px'>"
+ "<option value=''>请选择</option>"
+ "<option value='0'>否</option>"
+ "<option value='1'>是</option>"
+ "</select></td>"
+ "<td style='width:58px'>"
+ "<select id='yzzs"+number+"' name='yzzs"+number+"' style='width:117px '><option value=''>请选择</option>${yzzsxs}</select>"
+ "<input id='mtlbbm"+number+"' name='mtlbbm"+number+"' type='hidden'>"
+ "<input id='flh3"+number+"' name='flh3"+number+"' type='hidden'>"
+ "<input id='jg"+number+"' name='jg"+number+"' type='hidden'>"
+ "</td>"
+ "<td style='width:20px'>"
+ "<a class='btnDel' href='javascript:delete();' onclick='var table=this.parentNode.parentNode.parentNode;table.removeChild(this.parentNode.parentNode);'><span>删除</span></a>"
+ "</td>"
+ "</tr>"
$("#addDrug").append(str);
$("#number").val(number);
}
</script>
简单理解为:
<table>
<tr ><td>1</td>
<td>2</td>
<td>3</td>
<td><a id="11" href="javascript:delete();" onclick="var table=this.parentNode.parentNode.parentNode;table.removeChild(this.parentNode.parentNode);">删除</a></td>
</tr>
<tr >
<td>11</td>
<td>22</td>
<td>33</td>
<td><a id="11" href="javascript:delete();" onclick="var table=this.parentNode.parentNode.parentNode;table.removeChild(this.parentNode.parentNode);">删除</a></td>
</tr>
</table>
- js删除tr一行的解决方案
- js指定tr添加一行,删除一行
- JQuery删除除第一行tr外的其他行
- jquery 实现增加一行tr,删除一行tr
- Table中删除Tr的JS实现
- 超好用的删除行tr js代码
- js动态添加table表的一行和删除一行
- js实现添加删除表格的一行
- js添加一行删除的问题
- Js操作表格-对表格TR的添加/删除/拷贝
- js动态控制table的tr,td增加及删除
- js删除table第0行以后的tr
- js控制新增,删除table的tr,td
- js将追加的某行tr删除
- JS 更新删除一行
- JS 更新删除一行
- js实现删除一行
- js实现点击某个按钮展示或者隐藏tr一行的数据
- Android播放音效
- 14 StringBuffer类与Arrays类*冒泡选择排序*Integer
- freewheel职位
- 53. Maximum Subarray
- 关于eclipse解压安装后不能运行
- js删除tr一行的解决方案
- 栈的应用实例---中缀表达式求值
- 文章标题
- java类方法对传入的参数的内存分配
- Golang 文件读取
- 基于大数据分析的异常检测方法及其思路实例
- java后台获取web项目全路径的方法
- 配置win7 iis后 本地连接网址 打不开网站或者一直在加载 网页加载不出来并且 提示下列错误
- spring 杂烩