ถามหน่อยค่ะ...ถ้าต้องการเมื่อใส่ว่าจำนวนบุตรกี่คนแล้วให้ refresh ให้มีช่อง row

<input type="text" id="numChild" />
<input type="button" value="OK" onclick="addChild(document.getElementById('numChild').value)" />

<table border="1">
<tbody id="childInfo"></tbody>
</table>

<script type="text/javascript">
function addChild(numChild){
	var target = document.getElementById('childInfo');
	
	/** 
	 * ลบ TR เก่าก่อนสร้างใหม่ (ถ้ามี)
	 */
	if(target.getElementsByTagName("TR").length != 0){
		while(target.getElementsByTagName("TR").length > 0)
			target.removeChild(target.getElementsByTagName("TR")[0]);
	}
	
	/**
	 * สร้าง TR 1 row
	 * สร้าง TD 1 column
	 * สร้าง textbox 1 ช่อง
	 */
	for(var i=1; i<=numChild; i++){
		var tr = document.createElement("TR");		
		var td = document.createElement("TD");		
		var input = document.createElement("INPUT");
		input.type = "text";
		input.name = "child[]";
		
		td.appendChild(input);
		tr.appendChild(td);
		target.appendChild(tr);
	}
}
</script>