引导多选下拉+禁用取消选中特定选项

Question

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

从上图中，默认情况下这三个在页面加载时被选中，现在我不想取消选中这三个（Cheese、Tomatoes、Mozzarella）

下面我提供上述要求的链接。 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>

只有在设置属性后才初始化多选，这一点很重要