함수는 배열에서 하나의 값만 저장하고 인쇄합니다. 어떻게 고칠 수 있니?

Question

나는 폼 안에 루프를 위해 드롭 된 아이템을 저장할 수있는 함수를 가지고있다. 다음은 두 프로세스가있는 sample입니다. 내가하고 싶은 것은 양식을 제출 한 후 저장된 값을 다음 페이지에 인쇄하는 것입니다.

또 다른 주요 아이디어는 첫 번째 양식에서 프로세스 수를 선택한 후 사용자가 두 번째 양식으로 이동하여 루프의 각 행에 대한 항목을 삭제할 수 있다는 것입니다. 그런 다음 저장 버튼을 눌러 제출할 수 있으며 시스템은 각 프로세스에 대해 저장된 값을 인쇄해야합니다. 내가이 사용하여 각 프로세스에 대한 배열을 깰 수있는 방법을 발견 :

var LISTOBJ = { 
    saveList: function() { 
     $(".proc").each(function() { 
      var listCSV = []; 
      $(this).find("li").each(function(){ 
       listCSV.push($(this).text()); 
      }); 
      $("#output").append("<p>"+listCSV.join(", ")+"</p>"); 
      //$(".hiddenListInput").val(listCSV); 
       console.debug(listCSV); 
     }); 
    } 
} 

그리고 그것의 잘 작동, 그것은 그러나 나는 새에 인쇄하려고 할 때, 각 프로세스에 대한 저장된 값의 목록을 인쇄 페이지는 $(".hiddenListInput").val(listCSV);을 사용하여 양식을 제출 한 후 마지막으로 저장된 값만 표시합니다. 내가 저장 한 배열을 인쇄 할 경우

<form class="formcss" method="POST" action="test2.php"> 
<?php 
    $len=2; 
    for($y=0;$y<$len;$y++) 
    { 
?> 
    <div class='proc'> 
    <label>Process:</label> 
     <span> </span> 
     <br /> 
     <div class="leader"> 
     <label>Leader:</label> 
     <div class="ui-widget-content"> 
      <div class="projLeader"> 
      <ol> 
       <li class="placeholder" name="leader[]"></li> 
       <input type="hidden" name="leader[]" class="hiddenListInput" /> 
      </ol> 
      </div> 
     </div> 
     </div> 
    </div> 


<?php 
    }     
?> 
<div class="row"> 
     <input type="submit" id="savebutton" style="margin-top:25px;" name="submit" class="button" value="Save" onclick="userSubmitted = true;" /> 
</div> 
    <div id="output"></div> 
</form> 

그리고 test2.php : 여기 내 양식이다

$procleader=$_POST['leader']; 
    print_r ($procleader); 

Answer 1

확인을, 나는 함수에 숨겨진 입력을 추가하고 그것은 나를 도왔다. 여기에 내가 무슨 짓을 :

var LISTOBJ = { 
    saveList: function() { 
     $(".proc").each(function() { 
      var listCSV = []; 
      $(this).find("li").each(function(){ 
       listCSV.push($(this).text()); 
      }); 
      var values = '"'+listCSV.join('","')+'"'; 
      $(".procChecker").append("<input type='hidden' name='prodstuff[]' value='+values+' />"); 
      $("#output").append("<p>"+values+"</p>"); 
       console.debug(listCSV); 
     }); 
    } 
} 

그리고 fiddle