selectize.js는 옵션 구분 기호를 포함합니다.

Question

저는 국가 별 선택 목록을 가지고 있는데, 여기에는 구분 기호로 대시를 사용하는 옵션이 있습니다. 그렇다면 ...

<select class="form-control" id="Country" name="Country"> 
    <option disabled="disabled">-------------------</option> 
    <option value="AU">Australia</option> 
    <option value="NZ">New Zealand</option> 
    <option value="GB">United Kingdom</option> 
    <option value="IN">India</option> 
    <option value="US">United States Of America</option> 
    <option value="ZA">South Africa</option> 
    <option value="CA">Canada</option> 
    <option value="IE">Ireland</option> 
    <option value="SG">Singapore</option> 
    <option disabled="disabled">-------------------</option> 
    <option value="AF">Afghanistan</option> 
    <option value="AL">Albania</option> 
    <option value="DZ">Algeria</option> 
    ... 

그러나 이것을 "선택"하면 이러한 구분 기호 옵션이 사라집니다.

레이블이 지정된 옵션 그룹이 필요하지 않습니다. 목록의 항목을 시각적으로 분리하는 방법이 필요합니다. selectizejs를 사용하여이 작업을 수행 할 수있는 권장 방법이 있습니까?

Answer 1

그들이 표시되지 않는 이유는 값이 없기 때문입니다. 그들에게 null 값을 주면 그것을 볼 수 있어야합니다.

<select class="form-control" id="Country" name="Country"> 
    <option value="XX" disabled="disabled">-------------------</option> 
    <option value="AU">Australia</option> 
    <option value="NZ">New Zealand</option> 
    <option value="GB">United Kingdom</option> 
    <option value="IN">India</option> 
    <option value="US">United States Of America</option> 
    <option value="ZA">South Africa</option> 
    <option value="CA">Canada</option> 
    <option value="IE">Ireland</option> 
    <option value="SG">Singapore</option> 
    <option value="XX" disabled="disabled">-------------------</option> 
    <option value="AF">Afghanistan</option> 
    <option value="AL">Albania</option> 
    <option value="DZ">Algeria</option> 
    ...