如何在PHP+AJAX中自动选中学年下拉框

看起来你遇到的核心问题有两个：一是学年下拉框的自动选中状态没生效，二是自动选中后没能触发年级下拉框的AJAX加载逻辑（因为当前逻辑依赖手动选择学年的change事件）。下面一步步帮你解决：

1. 修复学年下拉框的选中状态与可用性 #

首先，你的学年下拉框加了disabled属性，这不仅会让用户无法选择，还可能导致Select2插件初始化时无法正确识别预选中的option。如果这个下拉框不需要用户修改，你可以选择隐藏下拉框，只显示选中的学年文本（同时保留下拉框用于传递值）；如果要保持可见但不可修改，按以下方式调整：

修改HTML与PHP代码 #

<div class="col-sm-8 mg-t-10 mg-sm-t-0">
    <?php 
    $id = $_GET['id']; 
    include('../includes/db_conn.php'); 
    // 简化SQL查询：不需要关联curriculum表，直接查询学年表更高效
    // 注意：务必做SQL注入防护！建议用预处理语句替代直接拼接
    $stmt = $conn->prepare("SELECT * FROM tbl_school_year WHERE sy_id = ?");
    $stmt->bind_param("i", $id);
    $stmt->execute();
    $result = $stmt->get_result();
    $row = $result->fetch_assoc();
    ?>
    <!-- 显示选中的学年文本，让用户能看到 -->
    <div class="form-control-plaintext mb-2"><?php echo $row['sy_start'].' - '.$row['sy_end']; ?></div>
    <!-- 隐藏下拉框，仅用于后台传递学年ID -->
    <select class="form-control select2" id="sy" style="display:none;">
        <option value="<?php echo $row['sy_id']; ?>" selected><?php echo $row['sy_start'].' - '.$row['sy_end']; ?></option>
    </select>
</div>

如果一定要保留可见的禁用下拉框，需要在Select2初始化时强制识别选中项：

$('#sy').select2({
    disabled: true
}).val('<?php echo $id; ?>').trigger('change');

2. 触发年级下拉框的AJAX加载逻辑 #

当前你的年级下拉框依赖学年下拉框的change事件加载数据，但自动选中时不会主动触发这个事件，所以需要手动触发。

假设你的AJAX加载年级的代码类似这样：

$('#sy').on('change', function() {
    var syId = $(this).val();
    if(syId) {
        $.ajax({
            url: 'curriculum.php',
            type: 'POST',
            data: {sy_id: syId},
            success: function(data) {
                $('#grade_level').html(data);
                // 初始化年级下拉框的Select2
                $('#grade_level').select2();
            }
        });
    } else {
        $('#grade_level').html('<option value="">Select school year first</option>');
    }
});

那么在页面加载完成后，手动触发学年下拉框的change事件，就能自动加载年级数据：

$(document).ready(function() {
    // 先初始化Select2组件
    $('#sy').select2();
    // 手动触发change事件，触发年级数据加载
    $('#sy').trigger('change');
});

3. 额外注意事项 #

• SQL注入防护：直接把$_GET['id']拼到SQL语句里存在严重安全风险，一定要使用预处理语句（上面代码中示例的方式）来避免注入。
• 空值/无效ID处理：如果$_GET['id']不存在或者对应的学年记录不存在，要添加判断逻辑，避免PHP报错，比如：

if(isset($_GET['id']) && is_numeric($_GET['id'])) {
    $id = $_GET['id'];
    // 执行查询逻辑
} else {
    // 处理ID无效的情况，比如跳转提示页面或显示错误信息
    echo "<div class='alert alert-danger'>Invalid school year ID</div>";
    exit;
}

• Select2初始化顺序：要确保先初始化Select2组件，再设置选中值并触发change事件，否则可能无法生效。

按照上面的步骤调整后，学年ID应该能自动选中，并且触发年级下拉框的AJAX加载逻辑了。

内容的提问来源于stack exchange，提问作者Mr. brick