Laravel中selectpicker指定选中值却显示首个选项的原因

核心问题 #

你通过自定义的data-selected属性设置选中值，但selectpicker组件并不识别这个属性，原生select的选中逻辑依赖<option>标签的selected属性，同时还要注意组件初始化时机和DOM结构的合理性。

具体解决步骤 #

1. 给目标选项添加原生selected属性 #

在循环渲染选项时，判断当前选项的id是否等于你要选中的值（224515），匹配时添加selected属性：

<td>
    <select name="select[]" class="selectpicker form-control select"  data-live-search="true"
        data-show-subtext="true" data-size="5" 
        data-container="body" title="Search Parts..">
        @foreach ($list as $p)
            <option data-id="{{ $p->id }}"
                data-subtext="{{ $p->code }}"
                data-tokens="{{ $p->id }}"
                data-name="{{ $p->name }}" data-price="{{ $p->price }}"
                data-code="{{ $p->code }}"
                {{ $p->id == 224515 ? 'selected' : '' }}>
                {{ $p->name }}</option>
        @endforeach
    </select>
</td>

2. 确认组件初始化时机 #

如果表格是动态渲染（比如通过AJAX加载后插入DOM），需要在DOM更新完成后重新初始化selectpicker，或调用refresh方法刷新组件状态：

// 初始化组件（确保选择器能命中动态生成的元素）
$('.selectpicker').selectpicker();
// 刷新已初始化的组件
$('.selectpicker').selectpicker('refresh');

3. 移除重复的ID属性 #

你的select标签设置了id="select"，如果表格有多行，会出现重复ID，导致浏览器解析异常、组件无法正常工作。建议直接去掉id属性，或生成唯一ID（结合循环索引）：

<select name="select[]" id="select-{{ $loop->index }}" ...>

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