optgroup을 selctize.js에서 선택된 값으로 표시

Question

여러 값을 선택할 수있는 선택 필드가 있습니다. 이 값은 옵트 그룹으로 그룹화됩니다. 이해를 돕기 위해 일부 값은 여러 optgroups에있을 수 있습니다. 선택한 필드의 레이블에 optgroup의 이름도 표시하고 싶습니다. 우리는 어떻게 이것을 할 수 있습니까?

다음 항목을 참조하십시오. "첫 번째 항목"을 선택하면 어떤 항목이 상점이나 창고로 선택되었는지 알 수 없습니다.

감사합니다!

<select name="test" id="test-select" multiple="multiple"> 
    <optgroup label="Store"> 
    <option data-type="stores" value="1">First item</option> 
    <option data-type="stores" value="2">Second item</option> 
    </optgroup> 
    <optgroup label="Warehouse"> 
    <option data-type="warehouses" value="3">First item</option> 
    <option data-type="warehouses" value="4">Second item</option> 
    </optgroup> 
</select> 

그리고 이것은 자바 스크립트 코드 :

https://jsfiddle.net/4t8fjj7g/1/

HTML

기본적으로

$('select#test-select').selectize({ 
    searchField: ['text', 'type'] 
}); 

Answer 1

, 어리석은 제안 것을,하지만 ... 당신은 사용자 정의 렌더링 기능을 사용할 수 있습니다 드롭 다운 옵션 및 선택한 항목 :

$('select#test-select').selectize({ 
    searchField: ['text', 'type'], 
    render: { 
    item: itemRenderFunction, 
    option: optionRenderFunction 
    } 
}); 

이렇게하면 선택한 항목 목록에서 레이블 곱하기를 피할 수 있습니다.