Question

我正在尝试创建一个PHP应用程序，其中有一个“选择驱动程序”按钮，该按钮显示一个表单（如果单击），其中有一个驱动程序组的下拉列表。在下拉列表中选择组后，应在PHP中处理表单详细信息并显示驱动程序列表。

我对JavaScript和AJAX知之甚少，所以我实现应用程序的方式是在下拉列表中选择组后提交表单，并且未显示驱动程序列表，因为页面是提交后重新加载，具有组和驱动程序详细信息的HTML Div部分再次隐藏。因此，为了查看此列表，我必须再次按“选择驱动程序”按钮。

我的Javascript代码是：

<script type="text/javascript">
    function openDrivers(){                        
                    if (document.getElementById('driverGroups').style.display== 'none')                        
                        document.getElementById('driverGroups').style.display='block';              
                    else if (document.getElementById('driverGroups').style.display== 'block')
                document.getElementById('driverGroups').style.display= 'none';
        };
</script>

这部分是HTML + PHP：

<form  action="ragSelect.php" method="post" id="form">
<!-- DRIVERS SELECTION WINDOW -->
<input type="button"  onclick="openDrivers();" id="driversButton" value="Select Drivers" /> <br>
<div id = "driverGroups" style="display: none" >
    <br>
    <select id ="selectGroup" name="taskOption"  onchange="this.form.submit()">
            <option selected = "selected"> Select Group </option>
    <?php 
        $drGroup = getAvailableDriverGroups(); 
        for ($x = 0; $x<count($drGroup);$x++)  
        echo '<option value="'.$drGroup[$x]['name'].'">'.$drGroup[$x]['name'].'</option>';
    ?>
    </select> 

        <div id = "groupDrivers" >
            <?php
                if(isset($_POST['taskOption']))
                    {
                        $selectOption = $_POST['taskOption'];
                        echo $selectOption."<br>";
                        $grID = groupID($selectOption, $drGroup);
                        $groupName =$selectOption;
                        $driverGroup = getDriverGroup($wialon_api, $grID,$groupName);
                        for ($x=0;$x<count($driverGroup[$x]);$x++)
                            echo 'ID: '.($driverGroup[$x])."<br>";
                    }



            ?>  
        </div>


</div>

任何人都可以就此问题提出建议吗？谢谢

在表单提交之前和之后具有可见/隐藏部分的PHP应用程序

0 个答案: