HTML下拉菜单跳转PHP页面方法

偷偷努力，悄无声息地变强，然后惊艳所有人！哈哈，小伙伴们又来学习啦~今天我将给大家介绍《HTML 下拉菜单跳转 PHP 文件方法》，这篇文章主要会讲到等等知识点，不知道大家对其都有多少了解，下面我们就一起来看一吧！当然，非常希望大家能多多评论，给出合理的建议，我们一起学习，一起进步！

本文介绍两种在 HTML `<select>` 元素中动态加载当前目录 PHP 文件并实现页面跳转的方法：一种是通过 `onchange` 事件即时重定向，另一种是通过表单提交配合 JavaScript 控制跳转，均兼容 XAMPP 本地环境。</select>

在构建轻量级 PHP 管理后台（如数据库表操作仪表盘）时，常需一个动态导航入口——让用户从下拉菜单中选择目标 PHP 页面并立即跳转。你提供的 index.php 已正确使用 glob("*.php") 获取同级 PHP 文件，但存在两个关键问题：一是 strtolower() 被错误地写入了 HTML 属性值中（导致 PHP 解析为字符串而非函数调用），二是缺少跳转逻辑。

以下是两种经过验证、安全可用的解决方案：

✅ 方案一：onchange 实时跳转（推荐用于无表单逻辑场景）

无需提交按钮，用户选择即跳转，体验更流畅：

<select name="pages" id="page" onchange="window.location.href = this.value;">
    <?php
    foreach (glob("*.php") as $filename) {
        // 注意：过滤掉 index.php 自身，避免循环跳转
        if ($filename === 'index.php') continue;
        $safeFilename = htmlspecialchars(strtolower($filename), ENT_QUOTES, 'UTF-8');
        echo "<option value='{$safeFilename}'>{$safeFilename}</option>";
    }
    ?>
&lt;/select&gt;

⚠️ 注意事项：

• 使用 htmlspecialchars() 防止 XSS（尤其当文件名含特殊字符时）；
• 排除 index.php 自身，避免误选后刷新当前页；
• onchange 在选项改变且失焦或回车确认时触发，移动端也兼容良好。

✅ 方案二：表单提交 + JavaScript 跳转（适合需服务端预处理场景）

若后续需在跳转前校验权限、记录日志等，可保留表单结构，改用 JS 拦截提交：

<form action="" method="POST" onsubmit="return navigateToPage();">
    <label for="pages">页面：</label>
    &lt;select name=&quot;pages&quot; id=&quot;page&quot;&gt;
        <?php
        foreach (glob("*.php") as $filename) {
            if ($filename === 'index.php') continue;
            $safeFilename = htmlspecialchars(strtolower($filename), ENT_QUOTES, 'UTF-8');
            echo "<option value='{$safeFilename}'>{$safeFilename}</option>";
        }
        ?>
    &lt;/select&gt;
    <br><br>
    &lt;input type=&quot;submit&quot; value=&quot;前往&quot;&gt;
</form>

<script>
function navigateToPage() {
    const select = document.getElementById('page');
    const target = select.value;
    if (target && target.endsWith('.php')) {
        window.location.href = target;
    } else {
        alert('请选择有效的 PHP 页面');
        return false; // 阻止表单默认提交
    }
    return false; // 始终阻止传统 POST 提交
}
</script>

? 补充说明：

• 此方案完全绕过 PHP 后端处理（action="" 且 return false），不产生多余请求；
• 客户端校验 .php 后缀增强健壮性；
• 若未来需服务端介入（如鉴权），可将 onsubmit 改为 fetch() 异步校验后再跳转。

? 最佳实践建议

• 安全性优先：永远对 glob() 返回的文件名做 htmlspecialchars() 转义，禁止直接输出到 HTML；
• 路径控制：当前方案仅支持同级 PHP 文件。如需子目录，改用 glob("*/\*.php") 并解析路径；
• XAMPP 注意事项：确保 Apache 的 mod_rewrite 未干扰，且所有目标 PHP 文件具备可执行权限（默认满足）；
• 用户体验优化：可添加 disabled 选项作为默认提示（如 请选择管理页面...）。

通过以上任一方式，你的 index.php 即可成为简洁高效的 PHP 文件导航中心，无需额外框架即可快速搭建原型管理界面。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《HTML下拉菜单跳转PHP页面方法》文章吧，也可关注golang学习网公众号了解相关技术文章。