增加多个文本框、删除任意一个文本框

实现功能：
增加多个文本框、删除任意一个文本框，并保留已录入的数据，

核心要点:
1、div的id需要动态，这样方可支持任意删除div层
2、使用appchild的方式追加，否则增加div之后，已经录入的数据就没了

伪代码如下：

//增加证号
function addzh(){
	n = n+1;
	var template="<div id=\"addzh+"+n+"\">" +
				"<hr>" +
				"<div class=\"form-group\">" +
					"<label for=\"lastname\" class=\"col-sm-2 control-label\">单一开始证号</label>" +
					"<div class=\"col-sm-4\">" +
						"<input type=\"text\" class=\"form-control\" id=\"c_dykszh\" name=\"c_dykszh\"  placeholder=\"请输入单一开始证号\">" +
					"</div>" +
					"<label for=\"lastname\" class=\"col-sm-2 control-label\">单一结束证号</label>" +
					"<div class=\"col-sm-4\">" +
						"<input type=\"text\" class=\"form-control\" id=\"c_dyjszh\" name=\"c_dyjszh\"  placeholder=\"请输入单一结束证号\">" +
					"</div>" +
				"</div>" +
				"<div class=\"form-group\">" +
					"<label for=\"lastname\" class=\"col-sm-2 control-label\">证明开始证号</label>" +
					"<div class=\"col-sm-4\">" +
						"<input type=\"text\" class=\"form-control\" id=\"c_zmkszh\" name=\"c_zmkszh\"  placeholder=\"请输入证明开始证号\">" +
					"</div>" +
					"<label for=\"lastname\" class=\"col-sm-2 control-label\">证明结束证号</label>" +
					"<div class=\"col-sm-4\">" +
						"<input type=\"textarea\" class=\"form-control\" id=\"c_zmjszh\" name=\"c_zmjszh\"  placeholder=\"请输入证明结束证号\">" +
					"</div>" +
				"</div>"+
				"<div class=\"form-group\">" +
					"<label for=\"lastname\" class=\"col-sm-2 control-label\">集成开始证号</label>" +
					"<div class=\"col-sm-4\">" +
						"<input type=\"text\" class=\"form-control\" id=\"c_jckszh\" name=\"c_jckszh\"  placeholder=\"请输入集成开始证号\">" +
					"</div>" +
					"<label for=\"lastname\" class=\"col-sm-2 control-label\">集成结束证号</label>" +
					"<div class=\"col-sm-4\">" +
						"<input type=\"textarea\" class=\"form-control\" id=\"c_jcjszh\" name=\"c_jcjszh\"  placeholder=\"请输入集成结束证号\">" +
					"</div>" +
				"</div>" +
				"<div class=\"form-group\">" +
					"<input type=\"button\" id=\"sczh\" name=\"sczh\" value=\"删除证号\" onclick=\"deletezh('addzh+"+n+"');\"/>" +
				"</div>" +
			"</div>";
	var html=document.createElement('div');
	html.innerHTML=template;
	var div = document.getElementById("zh");
	div.appendChild(html);
//	var html=$('#zh').html();
//	$('#zh').html(html+str);//这种方式实现，容易出现之前录入的内容就覆盖掉了。
}


//删除证号
function deletezh(id){
	var div=document.getElementById(id);
	div.parentNode.removeChild(div);
}