Question

我需要始终在选项中选择选项x。（禁用取消选中此选项）。

这是我当前的模板代码

<select multiple="multiple" data-size="5" data-max-options="10" class="selectpicker multi-select" name="brand">
    <option value="x" >X</option>
    <option value="y" >Y</option>    
</select>

所需的输出：选项X应该是必需的/始终处于选中状态/不能被取消选中。

Answer 1

已编辑。

~~添加选定和禁用的html属性：~~

并非所有浏览器都可以添加选定和禁用的属性。您只能通过javascript来实现此目的，方法是在<select>元素更改时添加事件侦听器。

javascript中的代码是：

document.querySelector("[name='brand']").addEventListener('change', function() { 
    document.querySelector("[name='brand'] option[value='x']").selected = true;
});

这是有关Codepen的有效示例： Multiple select mandatory option

始终选择Bootstrap selectpicker选项

1 个答案: