直接上代码,不多说
JS:
function deleteRow(field, pageCode, pageDataRowsCount, controlRowsCount) {
var obj;
var index;
if (pageDataRowsCount == undefined) {
pageDataRowsCount = 1;
}
if (controlRowsCount == undefined) {
controlRowsCount = 1;
}
//Call beforeDeleteRow of pageCode
/** obj = eval("window.beforeDelete" + upperCaseFirstChar(pageCode));
if(obj != null) {
obj.apply(obj,arguments);
}
//call realy insertRow of pageCode
obj = eval("window.delete" + upperCaseFirstChar(pageCode));
if(obj != null){
index = obj.apply(obj,arguments);
}
else{ //\u5982\u679c\u6ca1\u6709\u81ea\u5b9a\u4e49\u5220\u9664\u65b9\u6cd5\u5219\u8c03\u7528\u9ed8\u8ba4\u7684\u5220\u9664\u65b9\u6cd5
**/
index = directDeleteRow(field, pageCode, pageDataRowsCount, controlRowsCount);
/** }
//Call afterDeleteRow of pageCode
obj = eval("window.afterDelete" + upperCaseFirstChar(pageCode));
if(obj != null) {
obj.apply(obj,arguments);
}**/
}
function directDeleteRow(field, pageCode, pageDataRowsCount, controlRowsCount) {
return private_deleteRow(field, pageCode, pageDataRowsCount, controlRowsCount);
}
function private_deleteRow(field, pageCode, pageDataRowsCount, controlRowsCount) {
var oTBODY = field;
while (oTBODY != null && oTBODY.parentElement != null && oTBODY.tagName != "TBODY" && oTBODY.parentElement.id != pageCode) {
oTBODY = oTBODY.parentElement;
}
var tempElements = oTBODY.getElementsByTagName(field.tagName);
var tempElementsCount = tempElements.length;
var order = 0;
for (var i = 0; i < tempElementsCount; i++) {
if (tempElements[i].name == field.name) {
order++;
}
if (tempElements[i] == field) {
break;
}
}
order = order - pageDataRowsCount; //\u53bb\u6389\u9690\u542b\u57df\u4e2d\u7684\u63a7\u5236\u6309\u94ae\u7684\u4e2a\u6570
for (var i = 0; i < controlRowsCount; i++) {
oTBODY.removeChild(oTBODY.rows[order * controlRowsCount]);
}
recentDeletedTBody = oTBODY;
recentDeletedRowNo = order;
return order;
}
function add() {
var name = document.getElementById("keymaterial").value;
var num = document.getElementById("count").value;
var marId = document.getElementById("hidmaterialArrey").value;
var tb_attachment = document.getElementById("tblSample");
var lastRow = tb_attachment.rows.length;
var insertrow = tb_attachment.insertRow();
if (document.all) {
var td1 = insertrow.insertCell();
td1.innerHTML = "<input name='signName' type='text' value='" + name + "' readonly='true'/>";
var td2 = insertrow.insertCell();
td2.innerHTML = "<input name='signCount' type='text' value='" + num + "' style='width:20px'/>";
var td3 = insertrow.insertCell();
td3.innerHTML = "<a onclick=\"deleteRow(this, 'tblSample', 1, 1);\">删除</a><input type='hidden' name='hiddenID' id='hiddenID' value='" + marId + "' />";
}
else {
insertrow.innerHTML = "<td><input type='text' value='" + name + "' readonly='true'/><input type='text' value='" + num + "' style='width:20px'/></td><a onclick=\"deleteRow(this, 'tblSample', 1, 1);\">删除</a><input type='hidden' name='hiddenID' id='hiddenID' value='" + marId + "' />"
}
document.getElementById("keymaterial").value = "";
document.getElementById("count").value = "1";
}
前台:
<asp:Panel ID="pOne" runat="server" BorderStyle="None" GroupingText="预支材料区" Width="200px" Height="200px">
<table id="tblSample"></table>
</asp:Panel>
分享到:
相关推荐
动态添加删除表单元素(很经典)
在网上找了很多,可都不是我想要的,所以根据别人写的自己修改了个
使用js添加删除表单中的行,动态的添加,适合各种应用系统的前台页面
3.动态添加节点/动态删除节点/动态移动节点 4.动态dom对象创建表格树 5.完美支持json格式数据,支持xml(需转换) 6.支持ajax加载节点 7.事件驱动 8.可以动态根据列内容排序 9.简化函数参数,利用{} object输入参数,风格...
jQuery表单元素动态增加删除代码是一款基于addel.js插件实现的动态表单增删特效。
js 添加删除表格 博文链接:https://huashaozhawei.iteye.com/blog/151792
Vue 基于element-ui 组件,el-form与el-table结合使用实现动态表单验证,支持添加和删除操作;支持身份证号码验证、手机号验证; 开箱即用,方便快速二开,节省开发成本
jquery表格动态添加删除行代码是一款基于jquery实现的表格里面点击按钮后可进行自动添加删除行功能代码。
本效果带tab切换效果。...js实现自动添加删除一行。添加删除时序号自动改变。每一行后面有添加一行按钮,点击时自动在点击行的下面添加一行。新添加行有文本框,文本框输入值失去焦点后自动变为输入的值。
JQuery添加删除表单元素代码是一款基于jquery.dynamic-rows插件实现的表单添加删除特效代码
主要介绍了JS实现动态表格的添加,修改,删除功能(推荐)的相关知识,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
jQuery自定义表单添加删除代码基于jquery.1.10.2.min.js制作,自定义标题,添加删除单行输入框、多行输入域、附件等功能。
实现将输入的信息添加到表格、删除表格内容的功能,适合前端初学者巩固DOM相关知识。涉及全选、反选,几种表单标签的使用。
通过JavaScript 动态的添加表单 删除表单
jQuery自定义添加删除表单代码是一款可以切换上下位置,添加删除的问卷调查表单代码。
摘要:脚本资源,Ajax/JavaScript,Ajax,无刷新 运用jQuery实现的Ajax无刷新删除和添加数据的表单,可适时删除表格、修改表格内容、添加内容,实现了前端的功能,当然如果需要全部实现,则需要后台脚本语言的支持。...
最近做项目遇到这样的需求,要求表格添加一行,表格删除一行,表格遍历取值等。下面小编给大家带来了js动态添加表格逐行添加、删除、遍历取值的实例代码,需要的朋友参考下
发邮件是需要添加一些文件,每添加一个文件,页面上可以显示一个表单文件上传选项。 此功能为:初始时刻只有一个添加按钮,当点击添加文件时,会增加一个选择文件和删除区域,同时显示上传按钮,当点击删除,此行...
泛微oa流程L流程表单常用js,主表、明细表、根据主表字段显示或隐藏明细表指定列、验证大小、如何实现登录名记住上次登录的登录名、如何给单元格添加链接【例如:获取快递单号】、复选框必须选择一个方可提交
此例子是一个纯js代码实现动态添加输入框input控件的例子,包括添加删除一组小功能。比如添加多组问题以及问题答案。