HTML Select 元素：表单提交后保持选中状态的实现方法-php教程-PHP中文网

HTML Select 元素：表单提交后保持选中状态的实现方法

心靈之曲

发布： 2025-10-04 10:39:01

原创

471人浏览过

html select 元素：表单提交后保持选中状态的实现方法

本文旨在讲解如何在 HTML

在 Web 开发中，经常需要在表单提交后，让

实现原理

HTML

立即学习“前端免费学习笔记（深入）”；

PHP 实现示例

假设我们有一个包含分类的

爱改写

AI写作和改写润色工具

查看详情

<div class="m-all t-1of4 d-1of4 cf search-field">
    <select name="resource_cat">
        <option value="" disabled <?php if (!isset($_GET['resource_cat'])) echo 'selected'; ?>>Category</option>
        <?php
        $selected_category = isset($_GET['resource_cat']) ? $_GET['resource_cat'] : '';
        foreach($category_query as $cat){
            $selected = ($cat->slug == $selected_category) ? 'selected' : '';
            printf('<option value="%s" %s>%s</option>', $cat->slug, $selected, $cat->name);
        }
        ?>
    </select>
    <span class="icon"><i class="fas fa-chevron-down"></i></span>
</div>

登录后复制

代码解释：

获取提交的参数值： 首先，使用 $_GET['resource_cat'] (或者 $_POST['resource_cat']，取决于表单的提交方式) 获取表单提交的 resource_cat 参数的值。如果参数不存在，则设置为空字符串。
循环生成 遍历 $category_query 数组，该数组包含了所有分类的信息。
判断是否添加 selected 属性： 在循环中，使用条件判断语句 ($cat->slug == $selected_category) ? 'selected' : '' 来判断当前分类的 slug 是否与提交的 resource_cat 值相等。如果相等，则将 $selected 变量设置为 'selected'，否则设置为空字符串。
动态生成 HTML 代码： 使用 printf 函数，将分类的 slug、selected 属性和 name 插入到

注意事项：