Question

因此，在提交表单并根据下拉列表中选择的内容返回数据时，我有点迷失。

我当前的下拉列表中填充了从数据库收集的航班。

我的问题是，一旦从下拉列表中选择航班并按下提交按钮，我该如何返回更多信息？（一旦挑选航班，我想显示该航班上的乘客名单）

<!DOCTYPE html>
<html>
<head>
    <style>
        body { /*Set default text color used in body*/
            color: #ff8306;
        }
    </style>
    <title>1234</title>
</head>
<body bgcolor="#0a06ff"> <!-- Set default background color-->
<p align="center">List of all passengers: <br> 
    <?php    
    $sqlRequest = "SELECT firstName, lastName FROM passenger ORDER BY lastName"; //Select the passenger first namw and last, in alphabetic order of lastname
    $result = $connection->query($sqlRequest); //save result

    if($result->num_rows > 0) { //print out the names in alphabetic order of lastname in rows
        while($row = $result->fetch_assoc()) {
            echo $row["firstName"]. " ". $row["lastName"]. "<br>";
        }
    }

    ?>
</p> 

<form align="center" action="flit.php" method="post">
    <fieldset> 
        <legend>Flight Information</legend> 
            <?php
                $sqlRequest = "SELECT flightnum, origination, destination FROM flight";
                $result = $connection->query($sqlRequest); 

                echo "Select a flight:". "<br>";
                echo "<Select Flight='flight'>";
                while ($row = $result->fetch_assoc()) { //populate dropdown with flights
                    echo "<option value='". $row['flightnum']. "'>". $row['flightnum']. ": ". $row['origination']. " to ". $row['destination']. "</option>";
                }
                echo "</select>"; 
                echo '<button type="Submit" value="Submit">Submit</button>';

            ?>
     </fieldset>
    </form>
  </body>
</html>

以防万一，这是我的表格，

航班表：

飞行（flightnum int auto_increment主键，origin char（25），destination char（25），miles int）

乘客表：

passenger（passnum int auto_increment主键，lastName char（10），firstName char（10））

清单表

manifest（flightnum int，flightDate date，passnum int，seatnum char（5），

主键（flightnum，flightDate，passnum），

外键（flightnum）参考航班（flightnum），

外键（passnum）引用乘客（passnum））

Answer 1

您想要使用AJAX请求。将选择发送回服务器，根据该选择进行查询并将数据返回到表单。

如果您使用jQuery，这一切都可以轻松完成，如果您使用直接JavaScript，则更难一点。这也意味着您必须将PHP与html代码分开并将其放在不同的文件中（无论如何都更容易维护）。

有大量的教程。如果您遇到特定的AJAX问题，请打开一个新问题。

根据下拉列表选择返回数据

1 个答案: