如何从SQL数据库动态填充下拉菜单（Dropdown）

本文详解如何使用php和mysql正确生成带可见文本的html下拉菜单，重点解决“选项值存在但下拉框显示为空”的常见问题，并提供安全、可维护的实现示例。

在Web开发中，动态生成下拉菜单（）是常见需求，例如从数据库的 Hostel 表中读取城市列表并渲染为可选选项。你当前的代码已成功查询数据并创建了 结构，但下拉框为空——根本原因在于： 标签的 value 属性仅用于表单提交时传递值，而用户实际看到的文本内容必须写在开始标签与结束标签之间（即标签体内容）。

✅ 正确写法（修复关键行）

将原代码中的：

echo '';

改为：

echo ''.$city.'';

✅ 完整优化示例（含错误处理与基础安全）

connect_error) {
    die("数据库连接失败: " . $conn->connect_error);
}

// 2. 查询城市数据
$result = $conn->query("SELECT city FROM Hostel");
if (!$result) {
    die("查询失败: " . $conn->error);
}

// 3. 输出HTML结构（建议分离逻辑与视图，此处为简洁演示）
echo "



请选择城市：
";

while ($row = $result->fetch_assoc()) {
    $city = htmlspecialchars($row['city'], ENT_QUOTES, 'UTF-8'); // 防XSS
    echo "{$city}";
}

echo "

";

$conn->close();
?>

⚠️ 注意事项

• 永远不要省略 的标签体内容： 在页面上显示为空白项；正确应为 北京。
• 防止XSS攻击：使用 htmlspecialchars() 转义数据库返回的内容，避免恶意脚本注入。
• 推荐使用预处理语句：若下拉菜单需支持搜索/筛选（如 WHERE 条件），务必改用 mysqli_prepare() 或 PDO 预处理，杜绝SQL注入。
• 语义化与可访问性：为 添加 id 和配套 ，提升无障碍体验。
• 空结果处理：生产环境应检查 $result->num_rows > 0，并提供“暂无城市”等友好提示。

通过以上修正与实践建议，你的下拉菜单不仅能正确显示数据，还将具备安全性、可维护性和良好的用户体验基础。