最近帮一个网友做一个ecshop显示颜色和相关商品id，故把后台添加表格的js代码共享，，
js比较简单,可以在ie下运行，firefox无效...
<html>
<head>
<script>
function addRow(){
//添加一行
var newTr = testTbl.insertRow();
//添加两列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
//设置列内容和属性
newTd0.innerHTML = '颜色名称:<input type="text" name="color[]" size="20" value="" id="box1"/>';
newTd1.innerHTML = '商品ID:<input type="text" name="colorGoodsId[]" /> <input type="button" value="删除行" onclick="delRow()"/>';
}
function delRow(){
//删除行
var delTr = testTbl.deleteRow();
//删除两列
var delTd0 = delTr.deleteCell();
var delTd1 = delTr.deleteCell();
//设置列内容和属性
delTd0.innerHTML = '';
delTd1.innerHTML = '';
}
</script>
</head>
<body>
<form action="postHandle.php" method="post">
<table id="testTbl" border=1>
<tr id="tr1">
<td width=240>
<input type="hidden" name="colorId1" id="colorId1" value="1"/>
颜色名称:<input type="text" name="color[]" size="20" value="" id="box1"/>
</td>
<td id="b">
商品ID:<input type="text" name="colorGoodsId[]"/>
<input type="button" onclick="addRow()" value="添加一行"/>
</td>
</tr>
</table>
<input type="submit" value="提交"/>
</form>
</body>
</html>
- 大小: 9.6 KB
分享到：
相关推荐
使用javascript实现table动态增加删除行列。
vue列表数据删除后主动刷新页面及刷新方法详解 前端删除一条数据或者新增数据后，后端操作成功，但前端不会... (声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载) App.vue 代码： <template
9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果（一） 9.38 类C# GridView的编辑效果（二） 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...
9.36 使用JavaScript向表格中写入数据 9.37 类C# GridView的编辑效果（一） 9.38 类C# GridView的编辑效果（二） 第10章 单选框和复选框 10.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选...
内容： Asp.net页面内传参数方法 调用存储过程(两种方法比较) ... Asp.net中DataList控件添加删除 Asp.net获取请求的用户信息IP地址 获取世界IP地址库显所在城市信息 MySQL事务处理 SQL内部常用函数
不断更新中 ... Asp.net中DataList控件添加删除 Asp.net获取请求的用户信息IP地址 获取世界IP地址库显所在城市信息 MySQL事务处理 SQL内部常用函数 为gridview“删除”列添加确认对话框
将提交内容移到特定工作表的底部，从而可以按顺序对表单提交和手动输入进行排序 自动存档提交 尽管复选框数据已验证，但检查行是否为空白 安装 作为图书馆 要直接在Google脚本中作为库安装，请遵循以下说明： ...
BSTable概述BSTable版权... （需要手动定义的其他按钮） 依存关系： jQuery的引导程序字体很棒需要Bootstrap和Font Awesome才能正确格式化表格，控制编辑和绘制图标。 不包括数据库/ API连接。 该库旨在脱机工作。 通过
如果在电子表格上使用了OnEdit事件触发器（简单触发器和可安装触发器），则当用户手动编辑电子表格的单元格时，将触发该触发器。 这时，有些情况下我想知道编辑类型。 例如，我想了解以下编辑类型。 空单元格已被...
一级学科分类，二级无限学科小分类（册数）自由定制，可以在线添加删除和修改。2.教案管理四个等级分类，权限大小如以下排列：系统管理员、教导主任、科组长和教师。3.教案管理权限说明：教师：只有添加教案和管理...
（2）增加查找、计算器、文字背景颜色、插入手动分页符、当前**期、当前时间、EXCEL表格、符号、公式等功能，增强了表格编辑功能。 （3）增加了下选菜单功能，如将表格功能的表格的属性、 插入删除行、 插入删除...
实例038 动态输出JavaScript代码 69 实例039 当数字遇到了字符串 70 实例040 PHP程序员的基础——变量的应用 72 实例041 打印系统环境变量信息print_r($_ENV) 73 实例042 使用可变变量输出“I Like PHP!” 73 实例...
实例038 动态输出JavaScript代码 69 实例039 当数字遇到了字符串 70 实例040 PHP程序员的基础——变量的应用 72 实例041 打印系统环境变量信息print_r($_ENV) 73 实例042 使用可变变量输出“I Like PHP!” 73 实例...
一级学科分类，二级无限学科小分类（册数）自由定制，可以在线添加删除和修改。2.教案管理四个等级分类，权限大小如以下排列：系统管理员、教导主任、科组长和教师。3.教案管理权限说明： 教师：只有添加教案和管理...
然后，我们所有人都在为案件数量最多的10个国家/地区添加表格。 然后添加了下拉菜单，国家模式，注释编辑模式和轮播功能。 然后我们完成了样式。 用户故事： 作为用户，我可以看到转盘自动旋转或手动在世界地图和...
您可以按看到的UFO的日期，城市，国家，州和/或形状过滤表格。 这是未过滤表的图像： 按一个字段过滤 如果要按一个字段（例如-日期）进行过滤，请在日期字段中输入日期，然后按Enter键。 按多个字段过滤 如果要按...
凭证的实现方式与产品一样，需要手动添加或删除，因为用户故事指定如果应用了错误的凭证，我们需要提出错误。 在现实生活中，我会尝试与客户联系，以缩小惹恼客户的可能性，并要求在显示积极信息的情况下自动使用...
如果还没有，请使用框架HTML / CSS和JS文件设置项目。 您所有的书本对象都将存储在一个简单的数组中，因此请向脚本（而非构造函数）添加一个函数，该函数可以接受用户的输入并将新的书本对象存储到数组中。 编写...
16.4.4 具有表格和CSS布局的母版页 16.4.5 母版页和相对路径 16.4.6 通过配置文件应用母版页 16.5 高级母版页 16.5.1 和母版页类交互 16.5.2 动态设置母版页 16.5.3 嵌套母版页 16.6 总结 第17章 ...