PHP - 如何基于使用javascript生成的动态内容发布关系

Question

 /*On call - Add person fields dynamically*/
     var i=1;

    $("#add_row").click(function(){

        $('#addr').append("<tr class='row_"+i+"'><td>Person ID:"+i+"</td><td><input name='Person["+i+"][Name]' type='text' placeholder='Name' class='form-control input-md'  /> </td><td><input  name='Person["+i+"][Email]' type='text' placeholder='Email'  class='form-control input-md'></td><td><input  name='Person["+i+"][Mobile]' type='text' placeholder='Mobile' class='form-control input-md'></td><td><button type='button' id='"+i+"' onclick='add_vehicle(this.id);'>Add Vehicle</button></td></tr>");
        i++;
    });
 

    /*On call - Add hidden input value to section requesting to add vehicle license plate number and create plate field*/
    var vehicle = 0;
    function add_vehicle(id){

        $('<td><input type="hidden" name="Person['+id+'][hasVehicle]" value="1"></td>').appendTo('.row_'+id);

        var section = '<hr><div class"section_'+vehicle+'">Belongs To Person With ID: '+id+' <input type="text" name="Vehicle['+vehicle+'][PlateNumber]" placeholder="Plate Number" /></div><hr>';

        $(section).appendTo(".vehicle");

        vehicle++;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form method="post" action="server.php">
    <table id="tab_logic">
        <tbody>
        <tr id='addr'></tr>
        </tbody>
    </table>
    <div class="vehicle"></div>
    <a id="add_row" class="btn btn-default pull-left">Add Person </a><hr>

    <input type="submit" value="submit">
</form>

<?php
     /* Posted array values*/
     $people = $_POST['Person'];
     $people_vehicle = $_POST['Vehicle'];

     //check for each person
     foreach ($people as $person) {

      //check if person has a vehicle
      if($person['hasVehicle'] == 1){

          //Owner Name:
          echo $person['Name'];

          //get all the vehicle plate numbers specified for current person
          foreach($people_vehicle as $person_vehicle) {

              //output plate numbers
              echo 
          '<pre>',print_r($person_vehicle['PlateNumber'],1),'</pre>';

          }
      }
     }

我创建了这个代码，动态地允许“人”根据需要添加尽可能多的“板号”。在后端（使用PHP）我想捕获这种关系。我写了一些PHP代码，当只添加一个人并且按照我想要的方式打印多个板号时实际工作，但是当我添加多个人和多个牌照时，它输出的值加倍，不确定原因。如果有人可以请求协助我会很感激。

再次：目标是 - > A.根据需要添加尽可能多的人并动态记录数字，然后输出哪些牌号属于谁。

结果：添加多个人和板号时。

Adam Joe E1 P1 P2 Doe John E1 P1 P2

结果：添加一个人和多个板号时（即使生成多个人，这也是我想要的）。

Adam Joe P1 P2 P3

Answer 1

当我添加多个人和多个牌照时，它输出的值加倍，不确定原因。

这是因为您打印列表中每个人的所有板号。 （内循环是不必要的）

我建议你这样做：

1. 更改你的js，以便你将盘子与一个特定的人联系起来（name =“Vehicle ['+ id +'] []”）

var section = '<hr><div class"section_'+vehicle+'">Belongs To Person With ID: '+id+' <input type="text" name="Vehicle['+id+'][]" placeholder="Plate Number" /></div><hr>';

2. 打印时，只使用一个for循环并使用我们刚才使用的id索引

   for ($i = 1; $i <= count($people); $i++) {
   
     //check if person has a vehicle
     if ($people[$i]['hasVehicle'] == 1) {
   
       //Owner Name:
       echo $people[$i]['Name'];
   
       //output plate numbers
       echo
       '<pre>', print_r($people_vehicle[$i], 1), '</pre>';
     }
   }

所以，你循环通过所有人，你得到号码$ i的人，并检查是否有车辆;如果是这样，那么打印出也以数字$ i命名的车辆列表。

结果应该是这样的：

A
Array
(
    [0] => A1
    [1] => A2
)
B
Array
(
    [0] => B1
    [1] => B2
)
C
Array
(
    [0] => C1
    [1] => C2
)

我希望这有帮助。