表单提交后如何保留下拉多选框的选中值

你的代码目前无法正确保留多选选中值，核心问题有两个：一是多选下拉框的name属性没加[]，PHP接收不到完整的选中数组；二是判断选中状态的逻辑只针对单个值，处理不了多选场景。

下面是修正后的完整代码：

<?php
// 处理提交的多选值，确保是数组类型
$example = isset($_POST["name1"]) ? (array)$_POST["name1"] : [];
?>

<form action="" method="post">
<select id="id1" name="name1[]" class="selectpicker" title="Select Currencies" multiple="multiple">
<option value="a" <?php if (in_array("a", $example)) echo "selected";?>>A</option>
<option value="b" <?php if (in_array("b", $example)) echo "selected";?>>B</option>
<option value="c" <?php if (in_array("c", $example)) echo "selected";?>>C</option>
</select>

<button name="submit" type="submit" value="Submit">SUBMIT</button>
</form>


<script>
$('#id1').on('change', function() {
    var values = $(this).val()
    $("#id2 option").hide() //隐藏所有选项
    $('#id2').selectpicker('deselectAll') //清空所有选中项

    if (values.length > 0) {
        for (var i = 0; i < values.length; i++) {
            //显示匹配值的选项
            $("#id2 option[value=" + values[i] + "]").show()
        }
    } else {
        $("#id2 option").show() //显示所有选项
    }
    $('#id2').selectpicker('refresh'); //刷新selectpicker状态
});

// 页面加载完成后刷新selectpicker，确保提交后的选中状态正确显示
$(document).ready(function() {
    $('#id1').selectpicker('refresh');
});
</script>

关键修改点说明： #

• name属性调整：把name="name1"改成name="name1[]"，这样PHP能接收到所有选中值组成的数组。
• PHP接收逻辑优化：用(array)$_POST["name1"]强制转为数组，避免单个选中值时不是数组的情况，同时默认值设为空数组。
• 选中状态判断更新：用in_array()函数检查当前选项值是否在提交的数组中，替代原来的单个值对比逻辑。
• 页面加载刷新补充：添加$(document).ready()里的刷新逻辑，确保页面重新加载后selectpicker能正确渲染选中状态。

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