PHP地区三级联动是指在PHP开发中实现省、市、区三级行政区划的选择功能。用户可以通过选择上一级来动态加载下一级的行政区划数据,从而实现联动效果。
以下是一个简单的PHP地区三级联动示例,使用静态数据实现:
<?php
// 数据库连接(假设使用MySQL)
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 获取省市区数据
$provinces = [];
$citys = [];
$areas = [];
$sql = "SELECT id, name FROM provinces";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$provinces[$row['id']] = $row['name'];
}
}
// 获取市数据(假设选择了一个省)
$province_id = $_GET['province_id'] ?? 0;
if ($province_id) {
$sql = "SELECT id, name FROM cities WHERE province_id = $province_id";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
$citys[$row['id']] = $row['name'];
}
}
}
// 获取区数据(假设选择了一个市)
$city_id = $_GET['city_id'] ?? 0;
if ($city_id) {
$sql = "SELECT id, name FROM areas WHERE city_id = $city_id";
$result = $conn->query($sql);
if ($result->num栏目 > 0) {
while($row = $result->fetch_assoc()) {
$areas[$row['id']] = $row['name'];
}
}
}
$conn->close();
?>
<!DOCTYPE html>
<html>
<head>
<title>地区三级联动</title>
</head>
<body>
<form>
<select name="province" onchange="loadCities(this.value)">
<option value="">请选择省</option>
<?php foreach ($provinces as $id => $name): ?>
<option value="<?php echo $id; ?>"><?php echo $name; ?></option>
<?php endforeach; ?>
</select>
<select name="city" onchange="loadAreas(this.value)">
<option value="">请选择市</option>
<?php foreach ($citys as $id => $name): ?>
<option value="<?php echo $id; ?>"><?php echo $name; ?></option>
<?php endforeach; ?>
</select>
<select name="area">
<option value="">请选择区</option>
<?php foreach ($areas as $id => $name): ?>
<option value="<?php echo $id; ?>"><?php echo $name; ?></option>
<?php endforeach; ?>
</select>
</form>
<script>
function loadCities(provinceId) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementsByName('city')[0].innerHTML = xhr.responseText;
}
};
xhr.open("GET", "get_cities.php?province_id=" + provinceId, true);
xhr.send();
}
function loadAreas(cityId) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementsByName('area')[0].innerHTML = xhr.responseText;
}
};
xhr.open("GET", "get_areas.php?city_id=" + cityId, true);
xhr.send();
}
</script>
</body>
</html>
通过以上方法,可以有效解决PHP地区三级联动中遇到的常见问题。
领取专属 10元无门槛券
手把手带您无忧上云