我知道这个主题已经被讨论到了死之前,我很抱歉造成任何不便。我不想冒犯任何人。我只是无法在我的代码中应用任何建议的解决方案策略。
这里是我所拥有的:一个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>
1条答案
按热度按时间des4xlb01#
填充第二个框要困难得多。这是因为您现在希望根据用户选择填充一个框。
以下是基本组件-
更新第一个选择框时,使用javascript事件处理程序触发。
向web服务器发出ajax回调以调用php方法。
方法将查询数据库以获得按所选国家筛选的城市列表。结果回传到前端。
javascript读取结果并更新城市选择框。
这里有很多概念可以让你绞尽脑汁,但也有很多教程可以让你跟随并从中汲取灵感。https://www.youtube.com/watch?v=tmmxzjjwlnu