引导选择选择器选项始终处于选中状态

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