函數僅保存並打印數組中的一個值。 怎么修好？

Question

我有一個函數，它允許我保存droped項目在窗體內循環。 這是兩個過程的示例 。 我想要做的是在提交表單后在下一頁打印保存的值。

因此，主要的想法是，在第一個表單上選擇進程數后，用戶進入第二個表單，在那里他可以為循環中的每一行刪除項目。 然后他可以通過按下保存按鈕來提交它，系統應該為每個過程打印保存的值。 我找到了一種方法來打破每個進程的數組：

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);提交表單后在新頁面上打印它$(".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);
        });
    }
}

小提琴