html—根据第一个选择(php)中的内容,用sql中的内容填充第二个选择框

tgabmvqs  于 2021-06-18  发布在  Mysql
关注(0)|答案(1)|浏览(246)

我知道这个主题已经被讨论到了死之前,我很抱歉造成任何不便。我不想冒犯任何人。我只是无法在我的代码中应用任何建议的解决方案策略。
这里是我所拥有的:一个web服务器上的mysql数据库,它正在运行。这个数据库包含一个名为worldchities的表,其中存储了国家、城市及其lat/lon值。
我的服务器上有一个php文件,它成功地建立了连接,读取了所有的国家,并填充了第一个选择框。我的第二个选择框应该包含基于第一个框中的国家选择的所有城市。我的代码当前包含占位符sql查询。
我知道php是一种服务器端技术,需要帮助才能在客户端与用户输入交互。我不知道怎么解决我的问题。
有人能帮我解决问题吗?这对我来说意味着整个世界。事先非常感谢。
代码:

<?php
$dbhost     = "xxx";
$dbname     = "xxx";
$dbtable    = "xxx";
$dbuser     = "xxx";
$dbpass     = "xxx";

try{
    $pdo = new PDO( "mysql:host=$dbhost;dbname=$dbname;charset=UTF8", "$dbuser", "$dbpass" );
    $pdo->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION );
}
catch( PDOException $e ){
    echo $e->getMessage();
    die();
}
$query_country_start = $pdo->query( "SELECT Country FROM $dbtable GROUP BY Country" );
$query_city_start = $pdo->query( "SELECT City FROM $dbtable ORDER BY City" );
?>

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Select Country and City</title>
</head>

<body>
<h1>Select Country and City</h1>
<div id="cities">

<p>Start Country</p>
<?php
    echo '<select name="country_start">';
    while ($row = $query_country_start->fetch(PDO::FETCH_ASSOC)) {
        echo '<option value="'.$row['Country'].'">'.$row['Country'].'</option>';
        }
    echo '</select><br><br>';
?>

<p>Start City</p>
<?php
    echo '<select name="city_start">';
    while ($row = $query_city_start->fetch(PDO::FETCH_ASSOC)) {
    echo '<option value="'.$row['City'].'">'.$row['City'].'</option>';
        }
    echo '</select>';
?>
</div>

<script>
</script>

</body>
</html>
des4xlb0

des4xlb01#

填充第二个框要困难得多。这是因为您现在希望根据用户选择填充一个框。
以下是基本组件-
更新第一个选择框时,使用javascript事件处理程序触发。
向web服务器发出ajax回调以调用php方法。
方法将查询数据库以获得按所选国家筛选的城市列表。结果回传到前端。
javascript读取结果并更新城市选择框。
这里有很多概念可以让你绞尽脑汁,但也有很多教程可以让你跟随并从中汲取灵感。https://www.youtube.com/watch?v=tmmxzjjwlnu

相关问题