อยากสร้างช่องรับข้อมูล โดยอยากให้มีช่อง addก่อนแล้วค่อยบันทึกลงฐานข้อมูลที่เดียว

<script type='text/javascript'>

var num_box=0;
function create_box(){
    var zone=document.getElementById('zone_box')
    var div=document.createElement('div');
    div.setAttribute("id","box_"+num_box);
    div.innerHTML=" ป้อนข้อมูล ป้อนข้อมูล <input type='text' name='text[]' id='text"+num_box+"'> "
                +"<a href='javascript:vod(0)' onclick=\"delete_box('"+num_box+"')\">ลบ</a>"
                +"<BR>"
                +"โชวข้อมูลที่ป้อน  <span  id='show_box"+num_box+"'></span>"
    zone.appendChild(div);
    if(num_box!=0)
    {
			var a = (num_box*1)-1; 
      show_box(a);
    }
    num_box++;
}


function delete_box(num){

        var zone=document.getElementById('zone_box')
var div=document.getElementById('box_'+num)
    zone.removeChild(div);
}

function show_box(num){
    document.getElementById('show_box'+num).innerHTML=document.getElementById('text'+num).value;
}
</script>

<div id='zone_box'>
</div>
<a href='javascript:void("0")' onclick='create_box()'>เพิ่มช่อง</a>