Selectize js Удаляет значение класса

Question

Если я добавлю класс в свою опцию, после использования Selectize он будет удален.

Например,

HTML

<select>
  <option value="" class="test"></option>
</select>

Js

$('select').selectize({
    sortField: 'text'
})

Это удалит мой исходный класс (тест) и будет заменен на выбирать только классы. Любая подсказка, кто должен держать это?

Answer 1

Просто добавьте copyClassesToDropdown к true
Для справки, пожалуйста, обратитесь к этой ссылке

$('select').selectize({
    sortField: 'text',
    copyClassesToDropdown: true
})

Фрагмент для справки ниже.

.pokemon{
     color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/7.3/highlight.min.js"></script>
<script src="https://selectize.github.io/selectize.js/js/selectize.js"></script>
<script src="https://selectize.github.io/selectize.js/js/main.js"></script>
<script src="https://platform.twitter.com/js/button.93a0c25c2d2f3081c705c98c2d9dec0e.js"></script>

<div class="demo">
				<h2>&lt;select&gt;</h2>
				<div class="control-group">
					<label for="select-beast">Beast:</label>
					<select id="select-beast" class="demo-default" placeholder="Select a person...">
						<option value="" class="pokemon">Select a person...</option>
						<option value="4">Thomas Edison</option>
						<option value="1" class="pokemon">Nikola</option>
						<option value="3" class="pokemon">Nikola Tesla</option>
						<option value="5" class="pokemon">Arnold Schwarzenegger</option>
					</select>
				</div>
				<script>
				$('#select-beast').selectize({
					create: true,
					copyClassesToDropdown: true
					sortField: {
						field: 'text',
						direction: 'asc'
					},
					dropdownParent: 'body'
				});
				</script>
			</div>