如何在可编辑Select2下拉框中显示已选中的值？

要让下方的可编辑Select2显示已选中的值，核心是在渲染下拉框时，给对应已保存值的选项加上selected属性，或者在前端初始化时指定初始选中项。你代码里注释的那行用了前端jQuery语法，这在PHP服务器端拼接HTML时完全无效——PHP没法执行前端代码，得换个思路：

方案1：服务器端渲染选项并设置选中状态 #

假设你已经从数据库拿到了已保存的值$savedValue，并且通过API获取了所有下拉选项列表$options（结构为value => text的数组），修改PHP代码如下：

// 替换为你实际的API调用逻辑，获取下拉选项列表
$options = getOptionsFromApi();
// 从数据库取出已保存的选中值（根据你的数据结构调整）
$savedValue = $cell;

$display .= '<td>';
$display .= "<span class='printonly'>" . htmlentities($cell) . "</span>";
$display .= "<select class='select2' name='select2' placeholder='SELECT a $column' onchange='updateData(this)'>";
$display .= "<option value='' disabled></option>"; // 保留占位选项，去掉默认selected

// 遍历选项，生成带选中状态的option
foreach ($options as $value => $text) {
    $selectedAttr = ($value == $savedValue) ? 'selected' : '';
    $display .= "<option value='" . htmlentities($value) . "' $selectedAttr>" . htmlentities($text) . "</option>";
}

$display .= "</select>";
$display .= '</td>';

前端正常初始化Select2即可：

$(document).ready(function() {
    $('.select2').select2({
        allowClear: true, // 可选，允许清空选项
        placeholder: 'SELECT a ...'
    });
});

方案2：前端AJAX加载选项时设置初始值 #

如果下拉选项是通过Select2的AJAX异步加载的，需要在初始化时指定初始选中项：

1. 先在PHP中把已保存的值传递给前端：

// 在页面合适位置输出JS变量
echo "<script>var savedSelectValue = '" . htmlentities($savedValue) . "'; var savedSelectText = '" . htmlentities($savedText) . "';</script>";

2. 初始化Select2时通过initSelection设置初始值：

$(document).ready(function() {
    $('.select2').select2({
        ajax: {
            url: '你的API接口地址',
            dataType: 'json',
            processResults: function(data) {
                return {
                    results: data.items // 假设API返回的选项存在items数组中
                };
            }
        },
        placeholder: 'SELECT a ...',
        allowClear: true,
        initSelection: function(element, callback) {
            if (savedSelectValue) {
                callback({ id: savedSelectValue, text: savedSelectText });
            }
        }
    });
});

关键注意点 #

• 别在PHP里写前端jQuery代码：服务器端代码无法直接获取前端DOM的选中状态，必须从数据库或后端变量中拿已保存的值。
• 用htmlentities()转义选项的value和text，避免XSS漏洞。

内容的提问来源于stack exchange，提问作者R11