添加可动态变化的输入框，点击添加增加一行,点击删除删除一行

1.添加一个div

<div id="addChildDiv">
</div>

2.添加js方法：

var a = 0;
//添加一行
 function addNewLine(){
	++a;
	var tar = " <div style=\"float: left;\" id=\"divLine_" + a + "\"  > ";
	tar += " <input type=\"hidden\" id=\"awId_" +a+ "\" name=\"awId_" +a+"\"  />";
	
	tar += " <span style=\"float: left;color: red;\">*</span>";
	tar += " <span style=\"float: left;\">工程代码：</span>";
	tar += " <input class=\"alltext\" style=\"width:300px\" type=\"text\" id=\"awCode_" +a+ "\" name=\"awCode_" +a+"\"maxlength=\"50\"/>";
	
	tar += " <span style=\"float: left;color: red;\">*</span>";
	tar += " <span style=\"float: left;\">工程名称：</span>";
	tar += " <input class=\"alltext\" style=\"width:300px\" type=\"text\" id=\"awName_" +a+ "\" name=\"awName_" +a+"\"maxlength=\"50\"/>";
	
	tar += "  <a href=\"###\" class=\"a1\" id=\"deleteLine\" " +a+ "  οnclick=\"deleteNewLine('divLine_"+a+"')\">删除</a>";
	tar += "<br/>";
	tar += "</div>";
	
	$("#addChildDiv").append(tar); 
} 

动态变化id，name等，通过a的变化

3.动态删除一行：

//删除一行
function deleteNewLine(id){
	$.dialog.confirm("警告：删除不可恢复，确认要删除吗？",function(){
		var d=$.dialog.tips('正在删除内容，请稍候...',1,'loading.gif');
		//获取hidden
		var line = $("div#"+id+" input[type=hidden]");
		//获取值
		var awId = line.val();
		if($.trim(awId)==""){
			//判断出是手动添加的，只需要删除该行就可以
			$("div#"+id+" ").remove();
		}else{
			//否则需要去删除内容
		   $.ajax({
			type:'post',
			data:{"awId":awId},
			url:'${root}/base/BaseAreaWorkSpace/deleteChild.jspx?date='+new Date().getTime(),
			async:false,
			dataType:"json",
			success:function(data){
				$.dialog.tips(data.message,2,'alert.gif',function(){});
				//重新加载内容
				createChild($("#myId").val(),$("#myName").val(),$("#myCode").val());
			}
		})   
		}
	},function(){});
}