表单中涉及到的高度自适应+最大高度问题-优快云博客

<html>
<head>
<title></title>
<script type="text/javascript" src="./jquery-1.3.2.min.js"></script>
<script language="javascript">
	var maxHeight=200;
	var minHeight=20;
	$(document).ready(function() {
		$("#add").click(function(){
			//alert(w);
			var w=$("#div2").height();
			$("#div2").height(w*1+23);
			if(w>minHeight&&w<maxHeight){
				//alert("Div height:"+$("#div1").height());
				
				$("#div1").height(w*1+25);
			}
			$("#div2").append("<input type='text' name='111'><br>");
			
		});
		$("#decrease").click(function(){
			//alert(w);
			var w=$("#div2").height();
			
			if(w>minHeight&&w<maxHeight){
				//alert("Div height:"+$("#div1").height());
				
				$("#div1").height(w*1-25);
			}
			$("#div2 br:last").remove();
			$("#div2 input:last").remove();
			$("#div2").height(w*1-23);
			
			
			//$("#div2").append("<input type='text' name='111'><br>");
			
		});
	});
</script>
</head>
<body>
<input id="add" type="button" value="添加" > <input id="decrease" type="button" value="减少" >
<div id="div1" style="width:260px;height:20px; overflow:auto; border:1px solid;">
<div id="div2"></div>
</div>
<p>我们正在测试</p>
</body>
</html>