动态添加表格与删除、获取表格中输入的值

<table id="tab" border="1" width="70%" align="left" style="height: 30px">
	<tr style="background-color: #4B5F71; border-color: #364B5F; color: #E9EDEF">
		<td width="20%">序号</td>
		<td>姓名</td>
		<td>手机号</td>
		<td style="width: 30px">操作</td>
	</tr>
</table>
<button type="button" id="tableadd" class="">增加</button>
<button type="button" id="ok" class="" οnclick="ok()">确认</button>


//增加
						$("#tableadd")
								.click(
										function() {
											var _len = $("#tab tr").length;
											//var _len=1;
											$("#tab")
													.append(
															"<tr id="+_len+" align='center'>"
																	+ "<td>"
																	+ _len
																	+ "</td>"
																	+ "<td><input style='width:100%;height:25px;' type='text' name='desc"
																	+ _len
																	+ "' id='desc"
																	+ _len
																	+ "' /></td>"
																	+ "<td><input style='width:100%;height:25px;' type='text' name='desc"
																	+ _len
																	+ "' id='desc"
																	+ _len
																	+ "' /></td>"
																	+ "<td><a href=\'#\' οnclick=\'deltr("
																	+ _len
																	+ ")\'>删除</a></td>"
																	+ "</tr>");
										})


//删除<tr/>
	var deltr = function(index) {
		var _len = $("#tab tr").length;
		$("tr[id='" + index + "']").remove();//删除当前行
		for (var i = index + 1, j = _len; i < j; i++) {
			var nextTxtVal = $("#desc" + i).val();
			$("tr[id=\'" + i + "\']").replaceWith(
					"<tr id=" + (i - 1) + " align='center'>" + "<td>" + (i - 1)
							+ "</td>" + "<td><input type='text' name='desc"
							+ (i - 1) + "' value='" + "" + "' id='desc"
							+ (i - 1) + "'/></td>"
							+ "<td><input type='text' name='desc" + (i - 1)
							+ "' value='" + "" + "' id='desc" + (i - 1)
							+ "'/></td>" + "<td><a href=\'#\' οnclick=\'deltr("
							+ (i - 1) + ")\'>删除</a></td>" + "</tr>");
		}

	}

//js 中获取input 值
		var end = 1;
		for (var m = 1; m <= end; m++) {
			var _arrayItem = [];
			//获取td  下的 input值
			var input = document.getElementById("tab").getElementsByTagName(
					"input");
			for (i = 0; i < input.length; i++) {
				//alert(input[i].value);
				console.log(m);
				_arrayItem.push(input[i].value); //添加到数组中
			}

		}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值