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

时间:2012-08-12 03:33:23

标签: php jquery mysql

我有以下代码用于在选择第一个下拉框后填充第二个下拉框(实际上它们已经完成,它只是根据您的第一个下拉列表显示正确的一个:

<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 []),但这只是让它认为有(例如)3个数组而不是带有3个元素的数组。我也尝试(如图所示)通过在$ n的末尾添加$ n来命名位置但是当我去参考帖子时我不知道我怎么也不能引用$_POST['customer_location$n']

想法?

2 个答案:

答案 0 :(得分: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++;
    }
?>

结束tdtr需要在循环中。 $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'];
} 

答案 1 :(得分:0)

基于来自@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; }
                 }
                }