ช่วยปรับแก้ฟังก์ชันให้หน่อยนะครับ ตอนกด +add more ก็แสดง text box 2 3 4 5 ตามลำดับปกติครับ

<style type="text/css">
* { font-family:Arial; }
h2 { padding:0 0 5px 5px; }
h2 a { color: #224f99; }
a { color:#999; text-decoration: none; }
a:hover { color:#802727; }
p { padding:0 0 5px 0; }

input { 
padding:5px; border:1px solid #999; border-radius:4px; 
-moz-border-radius:4px; -web-kit-border-radius:4px; 
-khtml-border-radius:4px; 
}
</style>

<script type="text/javascript">
$(document).ready(function(){

	var inputText = "<div class='toAdd'><input name='textBox[]' id='textBox[]'  type='text' /></div>";
	var groupInput = $("div#groupInput");
	$('#minus').click(function () {
		$("div.toAdd:last-child",groupInput).remove();
	});

	$('#add').click(function () {
		groupInput.append(inputText);
		$("input:text",groupInput).each(function(index){
			$(this).val(++index);
		});    
	});
});
</script>

<span><a href="#" id="add"> + Add more</a></span>
<span><a href="#" id="minus"> - Minus</a></span>
<br>
<div id="groupInput">    
<input name='textBox[]' id='textBox[]' type='text' value='1' />
</div>