2015-10-13 199 views
4

selectize.jsSelectize.js:添加類別標籤到選擇

是可能的非選擇性類別(標籤)添加到輸入選擇?

enter image description here

的問題是,我有輸入的大名單,這將是偉大的類別(標籤)添加到選擇。就像這樣:

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

Selectize.js,因爲它是,只返回一個列表選擇標籤(不管他們在什麼類別)。你的意思是你想讓它返回按類別劃分的選定標籤列表? –

回答

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 
}); 
+0

這似乎解決@阿德里安的問題https://github.com/brianreavis/selectize.js/blob/master/docs/plugins.md也有助於如果自定義解決方案需要實現。 – jpaljasma

+0

@jpaljasma是的,如果OP確實需要創建_categories_,而不僅僅是標籤,那可能會有所幫助。 –

+0

添加這兩個元素和選擇組可以使UX非常繁瑣... – jpaljasma

1

Selectize支持<optgroup>

enter image description here

+0

不錯,但我仍然想保留添加我自己的標籤的功能,這些標籤不在輸入列表中。 – Adrian