jQuery的添加删除行

最新推荐文章于 2023-04-28 11:44:22 发布

爱学习的小饼干

最新推荐文章于 2023-04-28 11:44:22 发布

阅读量115

点赞数

本文链接：https://blog.csdn.net/weixin_41813243/article/details/110854861

版权

	<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
	<title>add_line</title>
	<script src="jquery-1.9.1.min.js"></script>
	</head>

	<body>
	<div>
	<form>
	<table>
	<tr>
	<td>
	<table id="addData">
	<tr class="tabletext">
	<td>
	<select name="" id="">
	<option value="">选择数据表</option>
	</select>
	<select name="" id="">
	<option value="">选择表字段</option>
	</select>
	<input type="button" value="添加" οnclick="addFun()" />
	</td>
	</tr>
	</table>
	</td>
	</tr>
	</table>
	</form>
	</div>
	</body>

	<script language="javascript" type="text/jscript">
	function addFun() {
	var html = "<tr class=\"tabletext\">"
	html += "<td><select name=\"\" id=\"\"><option value=\"\">选择数据表</option></select>"
	html += "<select name=\"\" id=\"\"><option value=\"\">选择表字段</option></select>"
	html += "<input type=\"button\" value=\"删除\" οnclick=\"deleteitem(this)\" /></td></tr>"
	$("#addData").append(html);
	}

	function add() {
	var a = document.getElementById("addData");
	var b = document.getElementById("addData").childNodes.length;
	addFun(a, b);
	}

	function deleteitem(obj) {
	$(obj).parents("tr").eq(0).remove();
	}
	</script>

	</html>

关注