jQuery/PHP/MySQL提交隐藏的选择下拉列表

Question

我有下面的代码，我选择第一个下拉框后填充第二个下拉框（实际上它们都已经制作完成，它只是显示了基于您的正确的一个第一个下拉：

<tr><th>Customer</th><td> 
     <select name='customer_id' id='customer_id'> 
      <option value=''>-- Select Customer --</option> 
      <?php 
      $results = Misc::customerDropDown(); 
      while ($row = mysql_fetch_array($results)) { 
       echo "<option value='" . $row['customer_id'] . "'>" . $row['customer_name'] . "</option>"; 
      } 
      ?> 
     </select><span class='error'>&nbsp;*&nbsp;<?php echo $errors['customer_id']; ?></span> 
    </td></tr> 
<?php 
$results = Misc::customerDropDown(); 
$num_customers = mysql_num_rows($results); 
$n = 1; 
while ($row = mysql_fetch_array($results)) { 
    ?> 
    <tr class='locations' id='locations<?= $row['customer_id'] ?>'><th>Customer Location</th><td> 
      <select name='customer_location<?= $n ?>'> 
       <option value=''>-- Customer Locations --</option> 
       <? 
       $location_results = Misc::locationDropDown($row['customer_id']); 
       while ($option = mysql_fetch_array($location_results)) { 
        echo "<option value='" . $option['location_id'] . "'>" . $option['location_name'] . "</option>"; 
       } 
       ?> 
      </select><span class='error'>&nbsp;*&nbsp;<?php echo $errors['customer_location']; ?></span></td></tr>         
    <? $n++; 
} ?> 

说我遇到的问题是，不管什么我尝试了最后的“customer_location”下拉列表是始终被因为当它提交它的使用的一个（我相信）覆盖其他两个。

我试着让customer_location成为一个数组（customer_location []），但这只是让它觉得有（对于exa mple）3个数组，而不是3个元素的数组。我也尝试过（如图所示），通过在每个元素的末尾添加一个$ n来命名位置，但是当我去参考帖子时，我不知道如何，因为我不能参考$_POST['customer_location$n']

想法？

Answer 1

基于从@Barmar（见注释）我能拼凑的解决方案找到并分配所需的值小费输入以下内容：

// Figure out which customer_location$n to use 
       foreach ($_POST as $key=>$value){ 
       if (preg_match('/^customer_location/', $key)){ 
        if($value!=NULL){ $location = $value; } 
       } 
       } 

Answer 2

无论下拉列表是否可见，它们仍然是表格的一部分。在提交时，它们的值将被发回服务器。由于您在客户端使用逻辑来确定将显示哪个下拉列表，因此您将不得不在服务器端使用相同的逻辑来确定要获取哪个下拉列表的值。

您可以参考$_POST['customer_location1']，或$_POST['customer_location2']等

我也注意到一个错字。最后一部分应该看起来像这样。

<?php 
    $results = Misc::customerDropDown(); 
    $num_customers = mysql_num_rows($results); 
    $n=1; 
    while($row = mysql_fetch_array($results)){ 
     ?> 
     <tr class='locations' id='locations<?=$row['customer_id']?>'> 
       <th>Customer Location</th> 
       <td> 
        <select name='customer_location<?=$n?>'> 
         <option value=''>-- Customer Locations --</option> 
         <? 
         $location_results = Misc::locationDropDown($row['customer_id']); 
         while($option = mysql_fetch_array($location_results)){ 
          echo "<option value='".$option['location_id']."'>".$option['location_name']."</option>"; 
         } 
         ?> 
        </select> 
        <span class='error'>&nbsp;*&nbsp;<?php echo $errors['customer_location'.$n]; ?></span> 
       </td> 
      </tr> 
     <? 
     $n++; 
    } 
?> 

收盘td和tr需要在循环。而$errors应该可能包含$n。

编辑

例如，下拉1看起来是这样的：

<select id='dd'> 
    <option value='1'>1</option> 
    <option value='2'>2</option> 
    <option value='3'>3</option> 
</select> 

在你的jQuery你已经有了一个变化处理程序，它显示了正确的下拉列表（此部分将真的只是工作，这个确切的例子，但你说你已经有这个部分的工作，所以我在它上面...基本上'做逻辑显示正确的下拉'）。

$("#dd").change(function() { 
    var dd = $(this).val(); 
    $("#dd1").hide(); 
    $("#dd2").hide(); 
    $("#dd3").hide(); 
    $("#dd" + val).show(); 
}); 

那么你已经有了被隐藏你的三个下拉列表：

<select id='dd1' style='display: none;'> 
    <option value='1'>1</option> 
    <option value='2'>2</option> 
    <option value='3'>3</option> 
</select> 
<select id='dd2' style='display: none;'> 
    <option value='1'>1</option> 
    <option value='2'>2</option> 
    <option value='3'>3</option> 
</select> 
<select id='dd3' style='display: none;'> 
    <option value='1'>1</option> 
    <option value='2'>2</option> 
    <option value='3'>3</option> 
</select> 

然后你选择#dd选项2。显示#dd2，然后选择选项1，然后单击提交。然后在你的PHP代码（我的PHP可能会有点生疏）：

$val = $_POST['dd']; 
$ddval = ''; 

if ($val == '1') { 
    $ddval = $_POST['dd1']; 
} else if ($val == '2') { 
    $ddval = $_POST['dd2']; 
} else if ($val == '3') { 
    $ddval = $_POST['dd3']; 
}