Question

如何从引导多项选择下拉菜单中禁用取消选中选项，实际上在默认情况下会选中某些选项，因此我希望不要取消选中这些选项。下面提供了一个图像，以使您更好地理解。 ! [Link for the sample image] 1

在上图中，默认情况下，这三个是在页面加载时选中的，现在我不想取消选中这三个（奶酪，西红柿，马苏里拉奶酪）

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

重要的是，只有在设置属性后才初始化多选

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

1 个答案: