bootstrap 多选下拉菜单+禁用取消选中特定选项

Question

如何禁用 bootstrap 多 select 下拉菜单中的取消选中选项，实际上加载时默认选中某些选项，我希望这些选项不要取消选中。下面我提供一张图片以便更好地理解。 ! [Link for the sample image] 1

从上图中可以看出，页面加载时默认选中这三个，现在我不想取消选中这三个（奶酪、西红柿、马苏里拉奶酪）

下面我提供上述要求的link。 Link to the sample code

谢谢

Answer 1

您只需将禁用（和选定）属性添加到要保持选中的选项即可。

<div class="form-group">
    <label class="col-md-4 control-label" for="rolename">Role Name</label>
    <div class="col-md-4">
        <select id="dates-field2" class="multiselect-ui form-control" multiple="multiple">
            <option value="cheese" disabled selected>Cheese</option>
            <option value="tomatoes" disabled selected>Tomatoes</option>
            <option value="mozarella" disabled selected>Mozzarella</option>
            <option value="mushrooms">Mushrooms</option>
            <option value="pepperoni">Pepperoni</option>
            <option value="onions">Onions</option>
        </select>
    </div>
</div>

请务必在设置属性后才初始化多选

bootstrap 多选下拉菜单+禁用取消选中特定选项

bootstrap multiselect dropdown+disable uncheck for particular option

javascript

jquery

bootstrap-4

jquery-bootgrid

jquery-bootpag