我正在尝试创建一个下拉列表来选择依赖于另一个下拉列表Country的State。
根据从第一个列表中选择的国家/地区，第二个下拉列表应显示该国家/地区的相应状态。
对于下拉列表，我需要从SQL Server数据库中获取值。
以下是我正在尝试的代码：
<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
$("#country").change(function(){
var country=$("#country").val();
$.ajax({
type:"post",
url:"getcity.php",
data:"country="+country,
success:function(data){
$("#city").html(data);
}
});
});
});
</script>
</head>
<body>
Country :
<select name="country" id="country">
<option>-select your country-</option>
<?php
include "dbconfig.php";
$sql = "SELECT [CountryId],[Country] from Country order by [Country]";
$result=sqlsrv_query($conn,$sql);
while($country = sqlsrv_fetch_array($result)){
echo "<option value = $country[CountryId]>$country[Country]</option>";
} ?>
</select>
City :
<select name="city" id="city">
<option>-select your city-</option>
</select>
</body>
</html>
以下是getcity.php代码：
<?php
include "dbconfig.php";
$country=$_POST["country"];
$sql= "select [StateID],[State] from State where CountryId='$country'";
$result=sqlsrv_query($conn,$sql);
while($city=sqlsrv_fetch_array($result)) {
echo"<option value='$city[StateID]'>$city[State]</option>";
}
?>
我在dbconnection.php文件中创建了数据库连接代码，它运行正常，与数据库成功连接。
当我运行此代码时，我无法在选择国家/地区后获得州的下拉列表。代码不会返回任何错误，但选择国家/地区后不会显示下拉状态列表。