젠드 양식의 동적 텍스트 상자

Question

제게 양식을 만들고 동적 텍스트 상자를 추가하고 싶습니다.
자바 스크립트를 사용하여 생성했습니다.
양식을 제출할 때 마지막으로 작성된 텍스트 상자의 데이터 만 게시됩니다.
도와주세요.

<script type="text/javascript"> 
    var count1 = 0; 
    var count2 = 0; 
    var count3 = 0; 
    var count4 = 0; 
    var count5 = 0; 
    var count6 = 0; 
    $('#addone').click(function() { 
     $('#link-element').append($('<input id="link" class="link" type="text" name="link"/>').hide().slideDown(100)); 
     count1++; 
    }); 
    $('#addtwo').click(function() { 
     $('#youtube-element').append($('<input id="yahoo'+count2+'" class="link" type="text" name="yahoo"/>').hide().slideDown(100)); 
     count2++; 
    }); 
    $('#addthree').click(function() { 
     $('#gamepuzzle-element').append($('<input id="gamepuzzle'+count3+'" class="link" type="text" name="gamepuzzle"/>').hide().slideDown(100)); 
     count3++; 
    }); 
    $('#addfour').click(function() { 
     $('#flashgame-element').append($('<input id="flashgame'+count4+'" class="link" type="text" name="flashgame"/>').hide().slideDown(100)); 
     count4++; 
    }); 
    $('#addfive').click(function() { 
     $('#moketest-element').append($('<input id="moketest'+count5+'" class="link" type="text" name="moketest"/>').hide().slideDown(100)); 
     count5++; 
    }); 
    $('#addsix').click(function() { 
     $('#indigenousintegration-element').append($('<input id="indigenousintegration'+count6+'" class="link" type="text" name="indigenousintegration"/>').hide().slideDown(100)); 
     count6++; 
    }); 
</script> 

Answer 1

양식 입력을 배열로 보내보십시오. 예.

$('#addsix').click(function() { 
    $('#indigenousintegration-element').append($('<input id="indigenousintegration'+count6+'" class="link" type="text" name="indigenousintegration[]"/>').hide().slideDown(100)); 
    count6++; 
}); 

입력 이름의 끝에 []가 표시됩니다.