javascript - 函数仅保存并打印数组中的一个值。如何修复它？

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