时间戳

首页 > 解决方案 > 引导选择选择器选项始终处于选中状态

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

问题描述

我需要始终在所选内容中选择选项 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 应该是强制性的/始终选中/不能取消选中。

标签： javascripthtmldrop-down-menubootstrap-4bootstrap-selectpicker

解决方案

已编辑。

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

添加选定和禁用的属性不适用于所有浏览器。您只能通过 javascript 通过在<select>元素更改时添加事件侦听器来实现此目的。

javascript中的代码是：

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

这是关于 codepen 的一个工作示例： Multiple select强制选项

推荐阅读