สอบถามเกี่ยวกับฟังก์ชันที่พอคลิ๊ก 1 ทีแล้วแสดง text เพิ่มอีก 1 แถวครับ

    <input type="text" name="str[]" value=""/>
    <span id="spantxt"></span>
    <button id="btnPlus" onclick="Plus();">+</button>
    
    <script src="jquery-1.10.2.min.js"></script>
	<script>
		function Plus(){
			var txt=$('<input>');
				txt.attr({'type':'text','name':'str[]'});
			var span=$('#spantxt');
				span.append(txt);	
		}
	</script>

    <input type="text" name="str1" value=""/>
    <input type="number" id="hdcount" value="1" /> // type hidden or number
    <span id="spantxt"></span>
    <button id="btnPlus" onclick="Plus();">+</button>
    
    <script src="bootstrap/js/jquery-1.10.2.min.js"></script>
	<script>
		function Plus(){
			var spantxt=$('#spantxt'); // id span
			var txt=$('<input>'); // create input
			var hdcount=$('#hdcount'); // id hdcont
			var count=parseInt(hdcount.val())+1; // idhdcount+1
			hdcount.val(count); //แทนค่าครั้งต่อไป
			txt.attr({'type':'text','name':'str'+count}); // create attibute
			spantxt.append(txt);
		}
	</script>