Selectize.js: 将类别标签添加到选择中

Question

是否可以将不可选择的类别（标签）添加到输入选择中？

问题是，我有一个很大的输入列表，将类别（标签）添加到选择中会很棒。像这样：

Category 1
---Item1
---Item2
---Item3
---Item4
Category 2
---Item5
---Item6
---Item7
---Item8
...etc

Answer 1

Selectize 支持<optgroup>

Answer 2

您可以同时启用标记创建和选项组。似乎有效 here.

使用 select 元素，类别 optgroup：

<select id="select-gear" class="demo-default" multiple placeholder="Select gear...">
    <option value="">Select gear...</option>
    <optgroup label="Climbing">
        <option value="pitons">Pitons</option>
        <option value="sling">Sling</option>
    </optgroup>
    <optgroup label="Skiing">
        <option value="skis">Skis</option>
        <option value="skins">Skins</option>
        <option value="poles">Poles</option>
    </optgroup>
</select>

初始化时，使用选项create : true:

$('#select-gear').selectize({
    create: true
});

Selectize.js: 将类别标签添加到选择中

Selectize.js: add category label to the selection

javascript

jquery

selectize.js